<html lang="en">
<script src="//push.zhanzhang.baidu.com/push.js"></script>
<script src="//hm.baidu.com/hm.js?2583df02aa8541db9378beae2ed00ba0"></script>
<script src="chrome-extension://fgkojgifbdaadmodbppebpghpololldg/js/ajax-listener-other.js"></script>

<head></head>
<meta charset="UTF-8">
<meta name="baidu-site-verification" content="vnoqF7cPRb">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="ie-stand">
<title>被讨厌的勇气（掌阅）</title>
<meta name="keywords" content="被讨厌的勇气，岸见一郎，机械工业，，被讨厌的勇气的目录，书名最新阅读，书名在线阅读">
<meta name="description" content="被讨厌的勇气在线阅读">
<link href="//pweb.d.ireader.com/static/css/common.css?20220317AA" type="text/css" rel="stylesheet">
<link href="//pweb.d.ireader.com/static/css/read.css?20220317AA" type="text/css" rel="stylesheet">
<script type="text/javascript" src="//pweb.d.ireader.com/static/js/lib/jquery-1.12.4.min.js?20220317AA"></script>
<script type="text/javascript" src="//pweb.d.ireader.com/static/js/zypc.js?20220317AA"></script>
<style>
    @charset "UTF-8";

    .iframe_mask {
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1200;
        display: none
    }

    .iframe_c {
        background: #fff;
        position: fixed;
        bottom: -600px;
        left: 0;
        right: 0;
        z-index: 1201;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .iframe_head {
        height: 40px;
        padding: 0 5px 0 20px;
        line-height: 40px;
        border-bottom: #eee 1px solid
    }

    .iframe_head h3 {
        font-size: 16px;
        color: #222
    }

    .iframe_head .icon_close {
        width: 40px;
        height: 40px;
        text-align: center;
        font-size: 26px;
        line-height: 40px;
        color: #999;
        float: right
    }

    .iframe_scroll {
        height: 540px;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .iframe {
        width: 100%;
        height: 150px;
        border: 0;
        overflow-y: scroll;
        display: block
    }

    /* 未登录弹层 */
    .noLogin {
        width: 318px;
        height: 150px;
        background: #fff;
        text-align: center;
        display: none;
    }

    .noLogin .off {
        width: 303px;
        height: 25px;
        padding: 15px 15px 0 0;
    }

    .noLogin .off s {
        background-position: -84px -135px;
        width: 15px;
        height: 15px;
        float: right;
        cursor: pointer;
    }

    .noLogin p {
        font-size: 16px;
        margin-bottom: 26px;
    }

    .noLogin .loginBtn {
        width: 80px;
        height: 32px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 32px;
        background: #f26552;
        border-radius: 50px;
        margin: 0 auto;
        cursor: pointer;
    }

    body {
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
</style>
<link rel="stylesheet" href="https://pweb.d.ireader.com/static/js/layer/skin/layer.css" id="layui_layer_skinlayercss"
    style="">
<style type="text/css">
    .wps_ai_link[data-v-5122f198] {
        font-family: BlinkMacSystemFont, Microsoft YaHei, -apple-system, Source Han Sans CN, Inter, Helvetica Neue, Helvetica, Arial, sans-serif;
        padding: 0;
        min-width: unset;
        min-height: unset;
        position: fixed;
        left: -100px;
        top: -100px;
        cursor: pointer;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 0;
        height: 26px;
        border: 1px solid #dae4e0;
        background: #fff;
        overflow: hidden;
        margin-left: 12px;
        transition: translateX(100%) .5s ease;
        z-index: 2147483647
    }

    .wps_ai_link .wps_ai_link_title[data-v-5122f198] {
        margin-left: 4px;
        color: #5f6368;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px
    }

    .wps_ai_link[data-v-5122f198]:hover {
        background: #f0f0f0
    }

    .wps_ai_link[data-v-5122f198]:active {
        background: #dadada
    }

    .dark_skin[data-v-5122f198] {
        border: 1px solid hsla(0, 0%, 100%, .5);
        background: #3a3b3e
    }

    .dark_skin .wps_ai_link_title[data-v-5122f198] {
        color: #fff
    }

    .dark_skin[data-v-5122f198]:hover {
        background: #2d2e31
    }

    .dark_skin[data-v-5122f198]:active {
        background: #353639
    }
</style>
<style type="text/css"></style>
<style type="text/css"></style>
<style type="text/css">
    div.content {
        background-color: white;
    }

    .styled-green-box {
        border-radius: 5px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        background-color: rgba(0, 128, 0, 0.7);
        color: white;
        font-size: 14px;
        padding: 8px 15px;
        position: fixed;
        pointer-events: auto;
        max-width: 100%;
        word-wrap: break-word;
        z-index: 9999;
    }
</style>
<style>
    .jj-flash-note__popper[data-v-44225974] {
        position: absolute;
        border: none;
        outline: 0;
        text-align: center;
        width: 28px;
        height: 28px;
        background: #f7f8fa;
        border: 1px solid #e5e6eb;
        border-radius: 2px;
        padding: 4px
    }

    .jj-flash-note__popper .icon[data-v-44225974] {
        pointer-events: none
    }

    .jj-flash-note__popup.vdr-container {
        position: absolute;
        box-sizing: border-box
    }

    .jj-flash-note__popup.vdr-container .vdr-handle-tl {
        top: -4px;
        left: -4px;
        cursor: nwse-resize
    }

    .jj-flash-note__popup.vdr-container .vdr-handle-tm {
        top: -2px;
        left: 50%;
        margin-left: -3px;
        cursor: ns-resize
    }

    .jj-flash-note__popup.vdr-container .vdr-handle-tr {
        top: -4px;
        right: -4px;
        cursor: nesw-resize
    }

    .jj-flash-note__popup.vdr-container .vdr-handle-ml {
        top: 50%;
        margin-top: -3px;
        left: -2px;
        cursor: ew-resize
    }

    .jj-flash-note__popup.vdr-container .vdr-handle-mr {
        top: 50%;
        margin-top: -3px;
        right: -2px;
        cursor: ew-resize
    }

    .jj-flash-note__popup.vdr-container .vdr-handle-bl {
        bottom: -4px;
        left: -4px;
        cursor: nesw-resize
    }

    .jj-flash-note__popup.vdr-container .vdr-handle-bm {
        bottom: -2px;
        left: 50%;
        margin-left: -4px;
        cursor: ns-resize
    }

    .jj-flash-note__popup.vdr-container .vdr-handle-br {
        bottom: -4px;
        right: -4px;
        cursor: nwse-resize
    }

    .jj-flash-note__popup.vdr-container .vdr-handle {
        box-sizing: border-box;
        position: absolute;
        width: 7px;
        height: 7px
    }

    .jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-tl.handle-tl {
        top: 0;
        left: 0
    }

    .jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-tr.handle-tr {
        top: 0;
        right: 0
    }

    .jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-bl.handle-bl {
        bottom: 0;
        left: 0
    }

    .jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-br.handle-br {
        bottom: 0;
        right: 0
    }

    .jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-bm.handle-bm,
    .jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-tm.handle-tm {
        left: 10px;
        right: 10px;
        width: unset;
        margin-left: 0
    }

    .jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-ml.handle-ml,
    .jj-flash-note__popup.vdr-container .vdr-handle.vdr-handle-mr.handle-mr {
        top: 10px;
        bottom: 10px;
        height: unset;
        margin-top: 0
    }

    .jj-flash-note__popup[data-v-45165cc7] {
        position: absolute;
        border: 1px solid #e4e6eb;
        filter: drop-shadow(0 2px 15px rgba(0, 0, 0, .2));
        border-radius: 4px;
        overflow: hidden;
        z-index: 9999;
        background-color: #fff
    }

    .jj-flash-note__frame[data-v-45165cc7] {
        border: none
    }

    .jj-flash-note__app[data-v-6ad74fae] {
        z-index: 9999;
        position: fixed;
        left: 0;
        top: 0
    }

    .jj-flash-note__app .mask[data-v-6ad74fae] {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 9000;
        background-color: rgba(0, 0, 0, .4);
        opacity: 1
    }

    .jj-flash-note__app .fade-enter-active[data-v-6ad74fae],
    .jj-flash-note__app .fade-leave-active[data-v-6ad74fae] {
        transition: opacity .15s ease
    }

    .jj-flash-note__app .fade-enter-from[data-v-6ad74fae],
    .jj-flash-note__app .fade-leave-to[data-v-6ad74fae] {
        opacity: 0
    }

    [data-v-41285de6]:root {
        --jjext-color-brand: #1e80ff;
        --jjext-color-brand-light: #e8f3ff;
        --jjext-color-nav-title: #86909c;
        --jjext-color-nav-popup-bg: #ffffff;
        --jjext-color-primary: #1d2129;
        --jjext-color-secondary-app: #4e5969;
        --jjext-color-thirdly: #86909c;
        --jjext-color-hover: #1e80ff;
        --jjext-color-hover-thirdly: #86909c;
        --jjext-color-dropdown-text: #1e80ff;
        --jjext-color-divider: #e5e6eb;
        --jjext-color-main-bg: #f4f5f5;
        --jjext-color-secondary-bg: #ffffff;
        --jjext-color-thirdly-bg: #f4f5f5;
        --jjext-color-hover-bg: #e8f3ff;
        --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(232, 243, 255, 0) 0%,
                rgba(232, 243, 255, 0.8) 25.09%,
                #e8f3ff 50.16%,
                rgba(232, 243, 255, 0.8) 75.47%,
                rgba(232, 243, 255, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #ffffff;
        --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
        --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
        --jjext-color-tips: #f53f3f;
        --jjext-color-fourthly: #c9cdd4;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #e5e6eb;
        --jjext-color-icon-search: #ffffff;
        --jjext-color-navbar-icon: #1e80ff;
        --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
        --jjext-color-layout-title: #4e5969;
        --jjext-color-layout-title-active: #1e80ff;
        --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
        --jjext-color-layout-icon-fill: #ffffff;
        --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-layer-4: #ffffff;
        --jjext-color-font-brand1-normal: #1e80ff;
        --jjext-color-font-brand-4: #abcdff;
        --jjext-color-font-1: #252933;
        --jjext-color-font-2: #515767;
        --jjext-color-font-3: #8a919f;
        --jjext-color-font-4: #c2c8d1;
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
        --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-gray-0: #fff;
        --jjext-color-gray-1-1: #e4e6eb;
        --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-gray-1-3: #e4e6eb;
        --jjext-color-gray-2: #f2f3f5;
        --jjext-color-gray-3: #f7f8fa;
        --jjext-color-background: #f2f3f5;
        --jjext-color-layer-1: #fff;
        --jjext-color-layer-2-1: #f7f8fa;
        --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
        --jjext-color-layer-3-fill: #f2f3f5;
        --jjext-color-layer-3-border: #e4e6eb;
        --jjext-color-layer-4-dropdown: #fff;
        --jjext-color-layer-5: #fff;
        --jjext-color-brand-1-normal: #1e80ff;
        --jjext-color-brand-2-hover: #1171ee;
        --jjext-color-brand-3-click: #0060dd;
        --jjext-color-brand-4-disable: #abcdff;
        --jjext-color-brand-5-light: #eaf2ff;
        --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
        --jjext-color-mask-2: #fff;
        --jjext-color-mask-3: none;
        --jjext-color-mask-6: #ffffff;
        --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
        --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
        --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
        --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
        --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
        --jjext-color-font_danger: #ff5132;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
        --jjext-color-popup: #fff;
        --jjext-color-popover: rgba(0, 0, 0, 0.8)
    }

    :root .dark[data-v-41285de6] {
        --jjext-color-brand: #1352a3;
        --jjext-color-nav-title: #e3e3e3;
        --jjext-color-nav-popup-bg: #1352a3;
        --jjext-color-primary: #e3e3e3;
        --jjext-color-secondary-app: #a9a9a9;
        --jjext-color-thirdly: #7d7d7f;
        --jjext-color-hover: #eeeeee;
        --jjext-color-hover-thirdly: #878789;
        --jjext-color-dropdown-text: #878789;
        --jjext-color-divider: #4a4a4a;
        --jjext-color-main-bg: #121212;
        --jjext-color-secondary-bg: #272727;
        --jjext-color-thirdly-bg: #3a3a3a;
        --jjext-color-hover-bg: #3a3a3a;
        --jjext-color-comment-bg: #313131;
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(58, 58, 58, 0) 0%,
                rgba(58, 58, 58, 0.8) 25.09%,
                #3a3a3a 50.16%,
                rgba(58, 58, 58, 0.8) 75.47%,
                rgba(58, 58, 58, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #e3e3e3;
        --jjext-color-nav-bg: rgb(30, 30, 30);
        --jjext-color-nav-selected-border: #4a4a4a;
        --jjext-color-tips: #bc3030;
        --jjext-color-fourthly: #878789;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #3a3a3a;
        --jjext-color-icon-search: #e3e3e3;
        --jjext-color-navbar-icon: #e3e3e3;
        --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
        --jjext-color-layout-title: #eeeeee;
        --jjext-color-layout-title-active: #eeeeee;
        --jjext-color-layout-icon-outline: #131313;
        --jjext-color-layout-icon-fill: #e3e3e3;
        --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-layer-4: #2f2f2f;
        --jjext-color-font-brand1-normal: #4495ff;
        --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
        --jjext-color-font-1: rgba(255, 255, 255, 0.9);
        --jjext-color-font-2: rgba(255, 255, 255, 0.7);
        --jjext-color-font-3: rgba(255, 255, 255, 0.55);
        --jjext-color-font-4: rgba(255, 255, 255, 0.45);
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
        --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-gray-0: #000;
        --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
        --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-gray-1-3: #464646;
        --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
        --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
        --jjext-color-background: #000;
        --jjext-color-layer-1: #181818;
        --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
        --jjext-color-layer-4-dropdown: #2f2f2f;
        --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
        --jjext-color-brand-1-normal: #2986ff;
        --jjext-color-brand-2-hover: #1473ed;
        --jjext-color-brand-3-click: #0563dd;
        --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
        --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
        --jjext-color-mask-2: #282828;
        --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
        --jjext-color-mask-6: #181818;
        --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
        --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
        --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
        --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
        --jjext-color-font_danger: #f85959;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
        --jjext-color-popup: #282828;
        --jjext-color-popover: #323232
    }

    .juejin-search[data-v-41285de6] {
        display: flex;
        width: 682px;
        height: 46px;
        border-radius: 2px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative
    }

    .juejin-search .search-anim[data-v-41285de6] {
        position: absolute;
        left: 8px;
        width: 28px;
        height: 28px;
        object-fit: contain;
        animation-play-state: paused
    }

    .juejin-search .search-anim.slide-right-enter-active[data-v-41285de6],
    .juejin-search .search-anim.slide-right-leave-active[data-v-41285de6] {
        transition: width .3s linear
    }

    .juejin-search .search-anim.slide-right-enter-from[data-v-41285de6],
    .juejin-search .search-anim.slide-right-leave-to[data-v-41285de6] {
        width: 0
    }

    .juejin-search .juejin-search-logo[data-v-41285de6] {
        right: 16px;
        position: absolute;
        width: 23px;
        height: 18px;
        object-fit: contain
    }

    .juejin-search .juejin-search-logo path[data-v-41285de6] {
        transition: all .3s linear
    }

    .juejin-search #juejin-search-input-global[data-v-41285de6] {
        height: 100%;
        width: 100%
    }

    .juejin-search #juejin-search-input-global .input[data-v-41285de6] {
        padding: 0 39px 0 33px;
        width: 100%;
        height: 100%;
        outline: 0;
        border: none;
        border-radius: 2px;
        color: var(--jjext-color-font-1);
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        caret-color: transparent;
        box-sizing: border-box;
        background-color: var(--jjext-color-layer-4-plugin)
    }

    .juejin-search #juejin-search-input-global .input.active[data-v-41285de6] {
        border: 2px solid var(--jjext-color-font-brand-4)
    }

    .juejin-search #juejin-search-input-global .input.animation-stopped[data-v-41285de6] {
        caret-color: #1e80ff;
        padding-left: 16px
    }

    .juejin-search #juejin-search-input-global .input[data-v-41285de6]::placeholder {
        font-weight: 400;
        color: #86909c
    }

    .calculator[data-v-4faf9c0e] {
        display: flex;
        align-items: center;
        height: 36px;
        padding: 0 16px;
        cursor: pointer
    }

    .calculator .result[data-v-4faf9c0e] {
        font-size: 14px;
        text-align: start;
        font-weight: 500;
        line-height: 22px;
        color: #1d2129;
        margin: 0 12px;
        text-overflow: ellipsis;
        flex: 1 0 auto;
        overflow: hidden;
        white-space: nowrap;
        max-width: 494px
    }

    .calculator .hint[data-v-4faf9c0e] {
        font-size: 14px;
        line-height: 22px;
        color: #8a919f
    }

    [data-v-ef0f272e]:root {
        --jjext-color-brand: #1e80ff;
        --jjext-color-brand-light: #e8f3ff;
        --jjext-color-nav-title: #86909c;
        --jjext-color-nav-popup-bg: #ffffff;
        --jjext-color-primary: #1d2129;
        --jjext-color-secondary-app: #4e5969;
        --jjext-color-thirdly: #86909c;
        --jjext-color-hover: #1e80ff;
        --jjext-color-hover-thirdly: #86909c;
        --jjext-color-dropdown-text: #1e80ff;
        --jjext-color-divider: #e5e6eb;
        --jjext-color-main-bg: #f4f5f5;
        --jjext-color-secondary-bg: #ffffff;
        --jjext-color-thirdly-bg: #f4f5f5;
        --jjext-color-hover-bg: #e8f3ff;
        --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(232, 243, 255, 0) 0%,
                rgba(232, 243, 255, 0.8) 25.09%,
                #e8f3ff 50.16%,
                rgba(232, 243, 255, 0.8) 75.47%,
                rgba(232, 243, 255, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #ffffff;
        --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
        --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
        --jjext-color-tips: #f53f3f;
        --jjext-color-fourthly: #c9cdd4;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #e5e6eb;
        --jjext-color-icon-search: #ffffff;
        --jjext-color-navbar-icon: #1e80ff;
        --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
        --jjext-color-layout-title: #4e5969;
        --jjext-color-layout-title-active: #1e80ff;
        --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
        --jjext-color-layout-icon-fill: #ffffff;
        --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-layer-4: #ffffff;
        --jjext-color-font-brand1-normal: #1e80ff;
        --jjext-color-font-brand-4: #abcdff;
        --jjext-color-font-1: #252933;
        --jjext-color-font-2: #515767;
        --jjext-color-font-3: #8a919f;
        --jjext-color-font-4: #c2c8d1;
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
        --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-gray-0: #fff;
        --jjext-color-gray-1-1: #e4e6eb;
        --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-gray-1-3: #e4e6eb;
        --jjext-color-gray-2: #f2f3f5;
        --jjext-color-gray-3: #f7f8fa;
        --jjext-color-background: #f2f3f5;
        --jjext-color-layer-1: #fff;
        --jjext-color-layer-2-1: #f7f8fa;
        --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
        --jjext-color-layer-3-fill: #f2f3f5;
        --jjext-color-layer-3-border: #e4e6eb;
        --jjext-color-layer-4-dropdown: #fff;
        --jjext-color-layer-5: #fff;
        --jjext-color-brand-1-normal: #1e80ff;
        --jjext-color-brand-2-hover: #1171ee;
        --jjext-color-brand-3-click: #0060dd;
        --jjext-color-brand-4-disable: #abcdff;
        --jjext-color-brand-5-light: #eaf2ff;
        --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
        --jjext-color-mask-2: #fff;
        --jjext-color-mask-3: none;
        --jjext-color-mask-6: #ffffff;
        --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
        --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
        --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
        --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
        --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
        --jjext-color-font_danger: #ff5132;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
        --jjext-color-popup: #fff;
        --jjext-color-popover: rgba(0, 0, 0, 0.8)
    }

    :root .dark[data-v-ef0f272e] {
        --jjext-color-brand: #1352a3;
        --jjext-color-nav-title: #e3e3e3;
        --jjext-color-nav-popup-bg: #1352a3;
        --jjext-color-primary: #e3e3e3;
        --jjext-color-secondary-app: #a9a9a9;
        --jjext-color-thirdly: #7d7d7f;
        --jjext-color-hover: #eeeeee;
        --jjext-color-hover-thirdly: #878789;
        --jjext-color-dropdown-text: #878789;
        --jjext-color-divider: #4a4a4a;
        --jjext-color-main-bg: #121212;
        --jjext-color-secondary-bg: #272727;
        --jjext-color-thirdly-bg: #3a3a3a;
        --jjext-color-hover-bg: #3a3a3a;
        --jjext-color-comment-bg: #313131;
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(58, 58, 58, 0) 0%,
                rgba(58, 58, 58, 0.8) 25.09%,
                #3a3a3a 50.16%,
                rgba(58, 58, 58, 0.8) 75.47%,
                rgba(58, 58, 58, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #e3e3e3;
        --jjext-color-nav-bg: rgb(30, 30, 30);
        --jjext-color-nav-selected-border: #4a4a4a;
        --jjext-color-tips: #bc3030;
        --jjext-color-fourthly: #878789;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #3a3a3a;
        --jjext-color-icon-search: #e3e3e3;
        --jjext-color-navbar-icon: #e3e3e3;
        --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
        --jjext-color-layout-title: #eeeeee;
        --jjext-color-layout-title-active: #eeeeee;
        --jjext-color-layout-icon-outline: #131313;
        --jjext-color-layout-icon-fill: #e3e3e3;
        --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-layer-4: #2f2f2f;
        --jjext-color-font-brand1-normal: #4495ff;
        --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
        --jjext-color-font-1: rgba(255, 255, 255, 0.9);
        --jjext-color-font-2: rgba(255, 255, 255, 0.7);
        --jjext-color-font-3: rgba(255, 255, 255, 0.55);
        --jjext-color-font-4: rgba(255, 255, 255, 0.45);
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
        --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-gray-0: #000;
        --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
        --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-gray-1-3: #464646;
        --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
        --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
        --jjext-color-background: #000;
        --jjext-color-layer-1: #181818;
        --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
        --jjext-color-layer-4-dropdown: #2f2f2f;
        --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
        --jjext-color-brand-1-normal: #2986ff;
        --jjext-color-brand-2-hover: #1473ed;
        --jjext-color-brand-3-click: #0563dd;
        --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
        --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
        --jjext-color-mask-2: #282828;
        --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
        --jjext-color-mask-6: #181818;
        --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
        --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
        --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
        --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
        --jjext-color-font_danger: #f85959;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
        --jjext-color-popup: #282828;
        --jjext-color-popover: #323232
    }

    .search-action[data-v-ef0f272e] {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        user-select: none;
        cursor: pointer;
        height: 36px;
        border-left: 4px solid transparent;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        transition: all .15s linear;
        padding: 0 16px 0 12px
    }

    .search-action.active[data-v-ef0f272e] {
        border-left-color: var(--jjext-color-font-brand1-normal);
        background-color: #f4f5f5
    }

    .search-action .search-content[data-v-ef0f272e] {
        display: flex;
        align-items: center;
        flex: 1 0 auto;
        margin-right: 16px
    }

    .search-action .search-content .search-content__logo[data-v-ef0f272e] {
        width: 28px;
        height: 28px;
        margin: 0
    }

    .search-action .search-content .search-content__engine[data-v-ef0f272e],
    .search-action .search-content .search-content__keyword[data-v-ef0f272e] {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .search-action .search-content .search-content__keyword[data-v-ef0f272e] {
        color: var(--jjext-color-font-1);
        margin: 0 4px 0 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 396px
    }

    .search-action .search-content .search-content__engine[data-v-ef0f272e] {
        color: var(--jjext-color-font-brand1-normal)
    }

    .search-action .hint[data-v-ef0f272e] {
        font-size: 14px;
        line-height: 22px;
        color: var(--jjext-color-font-brand1-normal)
    }

    em[data-v-b1604592] {
        font-style: normal;
        color: #f53f3f
    }

    [data-v-6cedf366]:root {
        --jjext-color-brand: #1e80ff;
        --jjext-color-brand-light: #e8f3ff;
        --jjext-color-nav-title: #86909c;
        --jjext-color-nav-popup-bg: #ffffff;
        --jjext-color-primary: #1d2129;
        --jjext-color-secondary-app: #4e5969;
        --jjext-color-thirdly: #86909c;
        --jjext-color-hover: #1e80ff;
        --jjext-color-hover-thirdly: #86909c;
        --jjext-color-dropdown-text: #1e80ff;
        --jjext-color-divider: #e5e6eb;
        --jjext-color-main-bg: #f4f5f5;
        --jjext-color-secondary-bg: #ffffff;
        --jjext-color-thirdly-bg: #f4f5f5;
        --jjext-color-hover-bg: #e8f3ff;
        --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(232, 243, 255, 0) 0%,
                rgba(232, 243, 255, 0.8) 25.09%,
                #e8f3ff 50.16%,
                rgba(232, 243, 255, 0.8) 75.47%,
                rgba(232, 243, 255, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #ffffff;
        --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
        --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
        --jjext-color-tips: #f53f3f;
        --jjext-color-fourthly: #c9cdd4;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #e5e6eb;
        --jjext-color-icon-search: #ffffff;
        --jjext-color-navbar-icon: #1e80ff;
        --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
        --jjext-color-layout-title: #4e5969;
        --jjext-color-layout-title-active: #1e80ff;
        --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
        --jjext-color-layout-icon-fill: #ffffff;
        --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-layer-4: #ffffff;
        --jjext-color-font-brand1-normal: #1e80ff;
        --jjext-color-font-brand-4: #abcdff;
        --jjext-color-font-1: #252933;
        --jjext-color-font-2: #515767;
        --jjext-color-font-3: #8a919f;
        --jjext-color-font-4: #c2c8d1;
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
        --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-gray-0: #fff;
        --jjext-color-gray-1-1: #e4e6eb;
        --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-gray-1-3: #e4e6eb;
        --jjext-color-gray-2: #f2f3f5;
        --jjext-color-gray-3: #f7f8fa;
        --jjext-color-background: #f2f3f5;
        --jjext-color-layer-1: #fff;
        --jjext-color-layer-2-1: #f7f8fa;
        --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
        --jjext-color-layer-3-fill: #f2f3f5;
        --jjext-color-layer-3-border: #e4e6eb;
        --jjext-color-layer-4-dropdown: #fff;
        --jjext-color-layer-5: #fff;
        --jjext-color-brand-1-normal: #1e80ff;
        --jjext-color-brand-2-hover: #1171ee;
        --jjext-color-brand-3-click: #0060dd;
        --jjext-color-brand-4-disable: #abcdff;
        --jjext-color-brand-5-light: #eaf2ff;
        --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
        --jjext-color-mask-2: #fff;
        --jjext-color-mask-3: none;
        --jjext-color-mask-6: #ffffff;
        --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
        --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
        --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
        --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
        --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
        --jjext-color-font_danger: #ff5132;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
        --jjext-color-popup: #fff;
        --jjext-color-popover: rgba(0, 0, 0, 0.8)
    }

    :root .dark[data-v-6cedf366] {
        --jjext-color-brand: #1352a3;
        --jjext-color-nav-title: #e3e3e3;
        --jjext-color-nav-popup-bg: #1352a3;
        --jjext-color-primary: #e3e3e3;
        --jjext-color-secondary-app: #a9a9a9;
        --jjext-color-thirdly: #7d7d7f;
        --jjext-color-hover: #eeeeee;
        --jjext-color-hover-thirdly: #878789;
        --jjext-color-dropdown-text: #878789;
        --jjext-color-divider: #4a4a4a;
        --jjext-color-main-bg: #121212;
        --jjext-color-secondary-bg: #272727;
        --jjext-color-thirdly-bg: #3a3a3a;
        --jjext-color-hover-bg: #3a3a3a;
        --jjext-color-comment-bg: #313131;
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(58, 58, 58, 0) 0%,
                rgba(58, 58, 58, 0.8) 25.09%,
                #3a3a3a 50.16%,
                rgba(58, 58, 58, 0.8) 75.47%,
                rgba(58, 58, 58, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #e3e3e3;
        --jjext-color-nav-bg: rgb(30, 30, 30);
        --jjext-color-nav-selected-border: #4a4a4a;
        --jjext-color-tips: #bc3030;
        --jjext-color-fourthly: #878789;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #3a3a3a;
        --jjext-color-icon-search: #e3e3e3;
        --jjext-color-navbar-icon: #e3e3e3;
        --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
        --jjext-color-layout-title: #eeeeee;
        --jjext-color-layout-title-active: #eeeeee;
        --jjext-color-layout-icon-outline: #131313;
        --jjext-color-layout-icon-fill: #e3e3e3;
        --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-layer-4: #2f2f2f;
        --jjext-color-font-brand1-normal: #4495ff;
        --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
        --jjext-color-font-1: rgba(255, 255, 255, 0.9);
        --jjext-color-font-2: rgba(255, 255, 255, 0.7);
        --jjext-color-font-3: rgba(255, 255, 255, 0.55);
        --jjext-color-font-4: rgba(255, 255, 255, 0.45);
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
        --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-gray-0: #000;
        --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
        --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-gray-1-3: #464646;
        --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
        --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
        --jjext-color-background: #000;
        --jjext-color-layer-1: #181818;
        --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
        --jjext-color-layer-4-dropdown: #2f2f2f;
        --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
        --jjext-color-brand-1-normal: #2986ff;
        --jjext-color-brand-2-hover: #1473ed;
        --jjext-color-brand-3-click: #0563dd;
        --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
        --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
        --jjext-color-mask-2: #282828;
        --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
        --jjext-color-mask-6: #181818;
        --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
        --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
        --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
        --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
        --jjext-color-font_danger: #f85959;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
        --jjext-color-popup: #282828;
        --jjext-color-popover: #323232
    }

    .search-suggest[data-v-6cedf366] {
        background: var(--jjext-color-layer-4);
        padding: 0 4px 8px 4px
    }

    .search-suggest .calculator.active[data-v-6cedf366],
    .search-suggest .search-action.active[data-v-6cedf366] {
        background: var(--jjext-color-layer-2-1)
    }

    .search-suggest .calculator[data-v-6cedf366] {
        transition: background-color .15s linear
    }

    .search-suggest .list[data-v-6cedf366] {
        display: flex;
        border-top: 1px solid var(--jjext-color-layer-gray-1-2);
        flex-direction: column;
        padding-top: 4px
    }

    .search-suggest .list .item[data-v-6cedf366] {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 36px;
        cursor: pointer
    }

    .search-suggest .list .item .content[data-v-6cedf366] {
        color: var(--jjext-color-font-1);
        font-size: 14px
    }

    .search-suggest .list .item.active[data-v-6cedf366],
    .search-suggest .list .item[data-v-6cedf366]:hover {
        background: var(--jjext-color-layer-2-1)
    }

    .search-suggest .list .tool-item[data-v-6cedf366] {
        position: relative;
        padding: 0 9px 0 4px
    }

    .search-suggest .list .tool-item .tool-icon[data-v-6cedf366] {
        width: 24px;
        height: 24px;
        background-size: 100% 100%;
        background-position: 0 0;
        background-repeat: no-repeat
    }

    .search-suggest .list .tool-item .content[data-v-6cedf366] {
        margin-left: 8px
    }

    .search-suggest .list .tool-item .icon-tool-arrow[data-v-6cedf366] {
        opacity: 0;
        transition: all .15s linear;
        position: absolute;
        stroke: var(--jjext-color-font-brand1-normal);
        top: 50%;
        transform: translateY(-50%);
        right: 9px
    }

    .search-suggest .list .tool-item.active .icon-tool-arrow[data-v-6cedf366],
    .search-suggest .list .tool-item:hover .icon-tool-arrow[data-v-6cedf366] {
        opacity: 1
    }

    .search-suggest .list .suggest-item[data-v-6cedf366] {
        padding: 0 7px;
        transition: background-color .15s linear
    }

    .search-suggest .list .suggest-item .icon-search[data-v-6cedf366] {
        stroke: var(--jjext-color-font-4)
    }

    .search-suggest .list .suggest-item .content[data-v-6cedf366] {
        margin: 0 0 0 12px
    }

    .search-suggest .list .suggest-item[data-v-6cedf366] .highlight-keyword {
        color: var(--jjext-color-font-3)
    }

    .search-suggest .setting-hint[data-v-6cedf366] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: 8px 16px 0 16px
    }

    .search-suggest .setting-hint .text[data-v-6cedf366] {
        color: #8a919f;
        line-height: 22px;
        cursor: pointer;
        user-select: none
    }

    .search-suggest .setting-hint .text[data-v-6cedf366]:hover:not(.disabled) {
        color: #1e80ff;
        transition: all .15s linear
    }

    .search-suggest .setting-hint .text.disabled[data-v-6cedf366] {
        cursor: initial
    }

    :root {
        --jjext-color-input-bg: #f4f5f5;
        --jjext-color-input-error-bg: #ffece8;
        --jjext-color-input-placeholder: #86909c;
        --jjext-color-input-text: #4e5969;
        --jjext-color-input-icon: #f53f3f
    }

    :root .dark {
        --jjext-color-input-bg: rgba(255, 255, 255, 0.12);
        --jjext-color-input-error-bg: rgba(255, 81, 50, 0.15);
        --jjext-color-input-placeholder: #e3e3e3;
        --jjext-color-input-text: #e3e3e3;
        --jjext-color-input-icon: #ff6247
    }

    [data-v-341e7439]:root {
        --jjext-color-brand: #1e80ff;
        --jjext-color-brand-light: #e8f3ff;
        --jjext-color-nav-title: #86909c;
        --jjext-color-nav-popup-bg: #ffffff;
        --jjext-color-primary: #1d2129;
        --jjext-color-secondary-app: #4e5969;
        --jjext-color-thirdly: #86909c;
        --jjext-color-hover: #1e80ff;
        --jjext-color-hover-thirdly: #86909c;
        --jjext-color-dropdown-text: #1e80ff;
        --jjext-color-divider: #e5e6eb;
        --jjext-color-main-bg: #f4f5f5;
        --jjext-color-secondary-bg: #ffffff;
        --jjext-color-thirdly-bg: #f4f5f5;
        --jjext-color-hover-bg: #e8f3ff;
        --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(232, 243, 255, 0) 0%,
                rgba(232, 243, 255, 0.8) 25.09%,
                #e8f3ff 50.16%,
                rgba(232, 243, 255, 0.8) 75.47%,
                rgba(232, 243, 255, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #ffffff;
        --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
        --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
        --jjext-color-tips: #f53f3f;
        --jjext-color-fourthly: #c9cdd4;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #e5e6eb;
        --jjext-color-icon-search: #ffffff;
        --jjext-color-navbar-icon: #1e80ff;
        --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
        --jjext-color-layout-title: #4e5969;
        --jjext-color-layout-title-active: #1e80ff;
        --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
        --jjext-color-layout-icon-fill: #ffffff;
        --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-layer-4: #ffffff;
        --jjext-color-font-brand1-normal: #1e80ff;
        --jjext-color-font-brand-4: #abcdff;
        --jjext-color-font-1: #252933;
        --jjext-color-font-2: #515767;
        --jjext-color-font-3: #8a919f;
        --jjext-color-font-4: #c2c8d1;
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
        --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-gray-0: #fff;
        --jjext-color-gray-1-1: #e4e6eb;
        --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-gray-1-3: #e4e6eb;
        --jjext-color-gray-2: #f2f3f5;
        --jjext-color-gray-3: #f7f8fa;
        --jjext-color-background: #f2f3f5;
        --jjext-color-layer-1: #fff;
        --jjext-color-layer-2-1: #f7f8fa;
        --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
        --jjext-color-layer-3-fill: #f2f3f5;
        --jjext-color-layer-3-border: #e4e6eb;
        --jjext-color-layer-4-dropdown: #fff;
        --jjext-color-layer-5: #fff;
        --jjext-color-brand-1-normal: #1e80ff;
        --jjext-color-brand-2-hover: #1171ee;
        --jjext-color-brand-3-click: #0060dd;
        --jjext-color-brand-4-disable: #abcdff;
        --jjext-color-brand-5-light: #eaf2ff;
        --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
        --jjext-color-mask-2: #fff;
        --jjext-color-mask-3: none;
        --jjext-color-mask-6: #ffffff;
        --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
        --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
        --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
        --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
        --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
        --jjext-color-font_danger: #ff5132;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
        --jjext-color-popup: #fff;
        --jjext-color-popover: rgba(0, 0, 0, 0.8)
    }

    :root .dark[data-v-341e7439] {
        --jjext-color-brand: #1352a3;
        --jjext-color-nav-title: #e3e3e3;
        --jjext-color-nav-popup-bg: #1352a3;
        --jjext-color-primary: #e3e3e3;
        --jjext-color-secondary-app: #a9a9a9;
        --jjext-color-thirdly: #7d7d7f;
        --jjext-color-hover: #eeeeee;
        --jjext-color-hover-thirdly: #878789;
        --jjext-color-dropdown-text: #878789;
        --jjext-color-divider: #4a4a4a;
        --jjext-color-main-bg: #121212;
        --jjext-color-secondary-bg: #272727;
        --jjext-color-thirdly-bg: #3a3a3a;
        --jjext-color-hover-bg: #3a3a3a;
        --jjext-color-comment-bg: #313131;
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(58, 58, 58, 0) 0%,
                rgba(58, 58, 58, 0.8) 25.09%,
                #3a3a3a 50.16%,
                rgba(58, 58, 58, 0.8) 75.47%,
                rgba(58, 58, 58, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #e3e3e3;
        --jjext-color-nav-bg: rgb(30, 30, 30);
        --jjext-color-nav-selected-border: #4a4a4a;
        --jjext-color-tips: #bc3030;
        --jjext-color-fourthly: #878789;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #3a3a3a;
        --jjext-color-icon-search: #e3e3e3;
        --jjext-color-navbar-icon: #e3e3e3;
        --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
        --jjext-color-layout-title: #eeeeee;
        --jjext-color-layout-title-active: #eeeeee;
        --jjext-color-layout-icon-outline: #131313;
        --jjext-color-layout-icon-fill: #e3e3e3;
        --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-layer-4: #2f2f2f;
        --jjext-color-font-brand1-normal: #4495ff;
        --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
        --jjext-color-font-1: rgba(255, 255, 255, 0.9);
        --jjext-color-font-2: rgba(255, 255, 255, 0.7);
        --jjext-color-font-3: rgba(255, 255, 255, 0.55);
        --jjext-color-font-4: rgba(255, 255, 255, 0.45);
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
        --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-gray-0: #000;
        --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
        --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-gray-1-3: #464646;
        --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
        --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
        --jjext-color-background: #000;
        --jjext-color-layer-1: #181818;
        --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
        --jjext-color-layer-4-dropdown: #2f2f2f;
        --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
        --jjext-color-brand-1-normal: #2986ff;
        --jjext-color-brand-2-hover: #1473ed;
        --jjext-color-brand-3-click: #0563dd;
        --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
        --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
        --jjext-color-mask-2: #282828;
        --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
        --jjext-color-mask-6: #181818;
        --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
        --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
        --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
        --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
        --jjext-color-font_danger: #f85959;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
        --jjext-color-popup: #282828;
        --jjext-color-popover: #323232
    }

    .input-option[data-v-341e7439] {
        display: flex;
        flex-direction: column
    }

    .input-option span.error[data-v-341e7439] {
        margin-left: 6.6666666667rem;
        font-size: 1rem;
        line-height: 20px;
        display: inline-block;
        height: 20px;
        color: var(--jjext-color-tips)
    }

    .input-wrapper[data-v-341e7439] {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%
    }

    .input-wrapper label[data-v-341e7439] {
        width: 4em;
        font-size: 1.1666666667rem;
        line-height: 1.8333333333rem;
        color: var(--jjext-color-thirdly);
        margin-right: 1rem
    }

    .input-wrapper .input[data-v-341e7439] {
        flex: 1 0 auto;
        position: relative
    }

    .input-wrapper .input.error .input-inner[data-v-341e7439] {
        background-color: var(--jjext-color-input-error-bg)
    }

    .input-wrapper .input.error .btn-clear[data-v-341e7439] {
        color: var(--jjext-color-input-icon)
    }

    .input-wrapper .input .input-inner[data-v-341e7439] {
        background: var(--jjext-color-input-bg);
        border-radius: 2px;
        color: var(--jjext-color-input-text);
        font-size: 1.0833333333rem;
        line-height: 1.8333333333rem;
        height: 2.3333333333rem;
        padding: 0 8px;
        outline: 0;
        border: none;
        width: 100%
    }

    .input-wrapper .input .input-inner[data-v-341e7439]::placeholder {
        color: var(--jjext-color-input-placeholder)
    }

    .input-wrapper .btn-clear[data-v-341e7439] {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        background: 0 0;
        border: none;
        outline: 0;
        color: var(--jjext-color-fourthly)
    }

    .input-wrapper .btn-clear[data-v-341e7439]::before {
        font-size: 10px;
        line-height: 10px
    }

    [data-v-5a92de1e]:root {
        --jjext-color-brand: #1e80ff;
        --jjext-color-brand-light: #e8f3ff;
        --jjext-color-nav-title: #86909c;
        --jjext-color-nav-popup-bg: #ffffff;
        --jjext-color-primary: #1d2129;
        --jjext-color-secondary-app: #4e5969;
        --jjext-color-thirdly: #86909c;
        --jjext-color-hover: #1e80ff;
        --jjext-color-hover-thirdly: #86909c;
        --jjext-color-dropdown-text: #1e80ff;
        --jjext-color-divider: #e5e6eb;
        --jjext-color-main-bg: #f4f5f5;
        --jjext-color-secondary-bg: #ffffff;
        --jjext-color-thirdly-bg: #f4f5f5;
        --jjext-color-hover-bg: #e8f3ff;
        --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(232, 243, 255, 0) 0%,
                rgba(232, 243, 255, 0.8) 25.09%,
                #e8f3ff 50.16%,
                rgba(232, 243, 255, 0.8) 75.47%,
                rgba(232, 243, 255, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #ffffff;
        --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
        --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
        --jjext-color-tips: #f53f3f;
        --jjext-color-fourthly: #c9cdd4;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #e5e6eb;
        --jjext-color-icon-search: #ffffff;
        --jjext-color-navbar-icon: #1e80ff;
        --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
        --jjext-color-layout-title: #4e5969;
        --jjext-color-layout-title-active: #1e80ff;
        --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
        --jjext-color-layout-icon-fill: #ffffff;
        --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-layer-4: #ffffff;
        --jjext-color-font-brand1-normal: #1e80ff;
        --jjext-color-font-brand-4: #abcdff;
        --jjext-color-font-1: #252933;
        --jjext-color-font-2: #515767;
        --jjext-color-font-3: #8a919f;
        --jjext-color-font-4: #c2c8d1;
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
        --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-gray-0: #fff;
        --jjext-color-gray-1-1: #e4e6eb;
        --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-gray-1-3: #e4e6eb;
        --jjext-color-gray-2: #f2f3f5;
        --jjext-color-gray-3: #f7f8fa;
        --jjext-color-background: #f2f3f5;
        --jjext-color-layer-1: #fff;
        --jjext-color-layer-2-1: #f7f8fa;
        --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
        --jjext-color-layer-3-fill: #f2f3f5;
        --jjext-color-layer-3-border: #e4e6eb;
        --jjext-color-layer-4-dropdown: #fff;
        --jjext-color-layer-5: #fff;
        --jjext-color-brand-1-normal: #1e80ff;
        --jjext-color-brand-2-hover: #1171ee;
        --jjext-color-brand-3-click: #0060dd;
        --jjext-color-brand-4-disable: #abcdff;
        --jjext-color-brand-5-light: #eaf2ff;
        --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
        --jjext-color-mask-2: #fff;
        --jjext-color-mask-3: none;
        --jjext-color-mask-6: #ffffff;
        --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
        --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
        --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
        --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
        --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
        --jjext-color-font_danger: #ff5132;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
        --jjext-color-popup: #fff;
        --jjext-color-popover: rgba(0, 0, 0, 0.8)
    }

    :root .dark[data-v-5a92de1e] {
        --jjext-color-brand: #1352a3;
        --jjext-color-nav-title: #e3e3e3;
        --jjext-color-nav-popup-bg: #1352a3;
        --jjext-color-primary: #e3e3e3;
        --jjext-color-secondary-app: #a9a9a9;
        --jjext-color-thirdly: #7d7d7f;
        --jjext-color-hover: #eeeeee;
        --jjext-color-hover-thirdly: #878789;
        --jjext-color-dropdown-text: #878789;
        --jjext-color-divider: #4a4a4a;
        --jjext-color-main-bg: #121212;
        --jjext-color-secondary-bg: #272727;
        --jjext-color-thirdly-bg: #3a3a3a;
        --jjext-color-hover-bg: #3a3a3a;
        --jjext-color-comment-bg: #313131;
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(58, 58, 58, 0) 0%,
                rgba(58, 58, 58, 0.8) 25.09%,
                #3a3a3a 50.16%,
                rgba(58, 58, 58, 0.8) 75.47%,
                rgba(58, 58, 58, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #e3e3e3;
        --jjext-color-nav-bg: rgb(30, 30, 30);
        --jjext-color-nav-selected-border: #4a4a4a;
        --jjext-color-tips: #bc3030;
        --jjext-color-fourthly: #878789;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #3a3a3a;
        --jjext-color-icon-search: #e3e3e3;
        --jjext-color-navbar-icon: #e3e3e3;
        --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
        --jjext-color-layout-title: #eeeeee;
        --jjext-color-layout-title-active: #eeeeee;
        --jjext-color-layout-icon-outline: #131313;
        --jjext-color-layout-icon-fill: #e3e3e3;
        --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-layer-4: #2f2f2f;
        --jjext-color-font-brand1-normal: #4495ff;
        --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
        --jjext-color-font-1: rgba(255, 255, 255, 0.9);
        --jjext-color-font-2: rgba(255, 255, 255, 0.7);
        --jjext-color-font-3: rgba(255, 255, 255, 0.55);
        --jjext-color-font-4: rgba(255, 255, 255, 0.45);
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
        --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-gray-0: #000;
        --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
        --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-gray-1-3: #464646;
        --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
        --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
        --jjext-color-background: #000;
        --jjext-color-layer-1: #181818;
        --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
        --jjext-color-layer-4-dropdown: #2f2f2f;
        --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
        --jjext-color-brand-1-normal: #2986ff;
        --jjext-color-brand-2-hover: #1473ed;
        --jjext-color-brand-3-click: #0563dd;
        --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
        --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
        --jjext-color-mask-2: #282828;
        --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
        --jjext-color-mask-6: #181818;
        --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
        --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
        --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
        --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
        --jjext-color-font_danger: #f85959;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
        --jjext-color-popup: #282828;
        --jjext-color-popover: #323232
    }

    [data-v-5a92de1e] {
        box-sizing: border-box
    }

    .color-tool[data-v-5a92de1e] {
        padding: 0 16px !important
    }

    .color-tool .row[data-v-5a92de1e] {
        display: flex;
        align-items: center
    }

    .color-tool .color-picker[data-v-5a92de1e] {
        cursor: pointer;
        outline: 0;
        border: none;
        padding: 0;
        margin: 0;
        border-radius: 2px;
        background-color: transparent;
        width: 92px;
        height: 40px
    }

    .color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper {
        padding: 3px;
        border: 1px solid transparent;
        border-radius: 4px;
        transition: all .15s linear
    }

    .color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper:hover {
        border: 1px solid #bedaff
    }

    .color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch {
        border-radius: 2px;
        border: none
    }

    .color-tool .input[data-v-5a92de1e] {
        transform: translateY(10px);
        flex: 1 1 auto;
        margin: 0 12px
    }

    .color-tool .input[data-v-5a92de1e] input.input-inner {
        height: 40px;
        padding-left: 16px;
        font-size: 14px;
        color: var(--jjext-color-primary);
        box-sizing: border-box;
        background: var(--jjext-color-main-bg)
    }

    .color-tool .input[data-v-5a92de1e] label {
        display: none
    }

    .color-tool .input[data-v-5a92de1e] span.error {
        margin-left: 16px
    }

    .color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear {
        right: 8px
    }

    .color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear::before {
        font-size: 14px;
        color: #c9cdd4
    }

    .color-tool button[data-v-5a92de1e] {
        outline: 0;
        border: none;
        background-color: unset;
        width: 93px;
        height: 40px;
        font-size: 14px
    }

    .color-tool .btn-convert[data-v-5a92de1e] {
        background: var(--jjext-color-brand);
        border-radius: 2px;
        color: #fff;
        transition: all .15s linear
    }

    .color-tool .btn-convert[data-v-5a92de1e]:hover {
        background: #5399ff
    }

    .color-tool .btn-convert[data-v-5a92de1e]:active {
        background: #0060dd
    }

    .color-tool .btn-copy[data-v-5a92de1e] {
        background: rgba(30, 128, 255, .05);
        border: 1px solid rgba(30, 128, 255, .3);
        border-radius: 2px;
        color: var(--jjext-color-brand);
        transition: all .15s linear
    }

    .color-tool .btn-copy[data-v-5a92de1e]:hover {
        background: rgba(30, 128, 255, .1);
        border-color: rgba(30, 128, 255, .45)
    }

    .color-tool .btn-copy[data-v-5a92de1e]:active {
        background: rgba(30, 128, 255, .2);
        border-color: rgba(30, 128, 255, .6)
    }

    .color-tool .display[data-v-5a92de1e] {
        flex: 1;
        text-align: start;
        background-color: var(--jjext-color-main-bg);
        height: 40px;
        margin: 0 12px;
        border-radius: 2px;
        line-height: 40px;
        padding-left: 16px;
        font-size: 14px;
        color: var(--jjext-color-primary)
    }

    .color-tool .label[data-v-5a92de1e] {
        width: 92px;
        font-size: 16px;
        font-weight: 500;
        color: var(--jjext-color-primary);
        text-align: end
    }

    .color-tool .row[data-v-5a92de1e]:not(:first-of-type) {
        margin-top: 16px
    }

    [data-v-6b3fcf66]:root {
        --jjext-color-brand: #1e80ff;
        --jjext-color-brand-light: #e8f3ff;
        --jjext-color-nav-title: #86909c;
        --jjext-color-nav-popup-bg: #ffffff;
        --jjext-color-primary: #1d2129;
        --jjext-color-secondary-app: #4e5969;
        --jjext-color-thirdly: #86909c;
        --jjext-color-hover: #1e80ff;
        --jjext-color-hover-thirdly: #86909c;
        --jjext-color-dropdown-text: #1e80ff;
        --jjext-color-divider: #e5e6eb;
        --jjext-color-main-bg: #f4f5f5;
        --jjext-color-secondary-bg: #ffffff;
        --jjext-color-thirdly-bg: #f4f5f5;
        --jjext-color-hover-bg: #e8f3ff;
        --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(232, 243, 255, 0) 0%,
                rgba(232, 243, 255, 0.8) 25.09%,
                #e8f3ff 50.16%,
                rgba(232, 243, 255, 0.8) 75.47%,
                rgba(232, 243, 255, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #ffffff;
        --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
        --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
        --jjext-color-tips: #f53f3f;
        --jjext-color-fourthly: #c9cdd4;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #e5e6eb;
        --jjext-color-icon-search: #ffffff;
        --jjext-color-navbar-icon: #1e80ff;
        --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
        --jjext-color-layout-title: #4e5969;
        --jjext-color-layout-title-active: #1e80ff;
        --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
        --jjext-color-layout-icon-fill: #ffffff;
        --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-layer-4: #ffffff;
        --jjext-color-font-brand1-normal: #1e80ff;
        --jjext-color-font-brand-4: #abcdff;
        --jjext-color-font-1: #252933;
        --jjext-color-font-2: #515767;
        --jjext-color-font-3: #8a919f;
        --jjext-color-font-4: #c2c8d1;
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
        --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-gray-0: #fff;
        --jjext-color-gray-1-1: #e4e6eb;
        --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-gray-1-3: #e4e6eb;
        --jjext-color-gray-2: #f2f3f5;
        --jjext-color-gray-3: #f7f8fa;
        --jjext-color-background: #f2f3f5;
        --jjext-color-layer-1: #fff;
        --jjext-color-layer-2-1: #f7f8fa;
        --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
        --jjext-color-layer-3-fill: #f2f3f5;
        --jjext-color-layer-3-border: #e4e6eb;
        --jjext-color-layer-4-dropdown: #fff;
        --jjext-color-layer-5: #fff;
        --jjext-color-brand-1-normal: #1e80ff;
        --jjext-color-brand-2-hover: #1171ee;
        --jjext-color-brand-3-click: #0060dd;
        --jjext-color-brand-4-disable: #abcdff;
        --jjext-color-brand-5-light: #eaf2ff;
        --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
        --jjext-color-mask-2: #fff;
        --jjext-color-mask-3: none;
        --jjext-color-mask-6: #ffffff;
        --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
        --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
        --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
        --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
        --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
        --jjext-color-font_danger: #ff5132;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
        --jjext-color-popup: #fff;
        --jjext-color-popover: rgba(0, 0, 0, 0.8)
    }

    :root .dark[data-v-6b3fcf66] {
        --jjext-color-brand: #1352a3;
        --jjext-color-nav-title: #e3e3e3;
        --jjext-color-nav-popup-bg: #1352a3;
        --jjext-color-primary: #e3e3e3;
        --jjext-color-secondary-app: #a9a9a9;
        --jjext-color-thirdly: #7d7d7f;
        --jjext-color-hover: #eeeeee;
        --jjext-color-hover-thirdly: #878789;
        --jjext-color-dropdown-text: #878789;
        --jjext-color-divider: #4a4a4a;
        --jjext-color-main-bg: #121212;
        --jjext-color-secondary-bg: #272727;
        --jjext-color-thirdly-bg: #3a3a3a;
        --jjext-color-hover-bg: #3a3a3a;
        --jjext-color-comment-bg: #313131;
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(58, 58, 58, 0) 0%,
                rgba(58, 58, 58, 0.8) 25.09%,
                #3a3a3a 50.16%,
                rgba(58, 58, 58, 0.8) 75.47%,
                rgba(58, 58, 58, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #e3e3e3;
        --jjext-color-nav-bg: rgb(30, 30, 30);
        --jjext-color-nav-selected-border: #4a4a4a;
        --jjext-color-tips: #bc3030;
        --jjext-color-fourthly: #878789;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #3a3a3a;
        --jjext-color-icon-search: #e3e3e3;
        --jjext-color-navbar-icon: #e3e3e3;
        --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
        --jjext-color-layout-title: #eeeeee;
        --jjext-color-layout-title-active: #eeeeee;
        --jjext-color-layout-icon-outline: #131313;
        --jjext-color-layout-icon-fill: #e3e3e3;
        --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-layer-4: #2f2f2f;
        --jjext-color-font-brand1-normal: #4495ff;
        --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
        --jjext-color-font-1: rgba(255, 255, 255, 0.9);
        --jjext-color-font-2: rgba(255, 255, 255, 0.7);
        --jjext-color-font-3: rgba(255, 255, 255, 0.55);
        --jjext-color-font-4: rgba(255, 255, 255, 0.45);
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
        --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-gray-0: #000;
        --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
        --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-gray-1-3: #464646;
        --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
        --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
        --jjext-color-background: #000;
        --jjext-color-layer-1: #181818;
        --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
        --jjext-color-layer-4-dropdown: #2f2f2f;
        --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
        --jjext-color-brand-1-normal: #2986ff;
        --jjext-color-brand-2-hover: #1473ed;
        --jjext-color-brand-3-click: #0563dd;
        --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
        --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
        --jjext-color-mask-2: #282828;
        --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
        --jjext-color-mask-6: #181818;
        --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
        --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
        --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
        --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
        --jjext-color-font_danger: #f85959;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
        --jjext-color-popup: #282828;
        --jjext-color-popover: #323232
    }

    .quick-tool-drawer[data-v-6b3fcf66] {
        z-index: 750;
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        width: 60%;
        background: var(--jjext-color-thirdly-bg)
    }

    .quick-tool-drawer.dark .header .title[data-v-6b3fcf66] {
        color: #e3e3e3
    }

    .quick-tool-drawer .quick-tool-drawer__header__[data-v-6b3fcf66] {
        position: relative;
        height: 64px;
        padding: 0 16px;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__icon__[data-v-6b3fcf66] {
        width: 40px;
        height: 40px
    }

    .quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__title__[data-v-6b3fcf66] {
        margin: 0 0 0 9px;
        padding: 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        color: var(--jjext-color-brand)
    }

    .quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-6b3fcf66] {
        cursor: pointer;
        position: absolute;
        right: 16px;
        top: 50%;
        font-size: 18px;
        transform: translateY(-50%)
    }

    .quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-6b3fcf66]::after {
        display: block;
        content: " ";
        position: absolute;
        padding: 10px;
        width: 100%;
        height: 100%;
        top: -50%;
        left: -50%
    }

    .quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__ svg[data-v-6b3fcf66] {
        fill: var(--jjext-color-thirdly)
    }

    .quick-tool-drawer .quick-tool-drawer__tool__[data-v-6b3fcf66] {
        width: 100%;
        height: 100%;
        box-sizing: border-box
    }

    [data-v-19f1e2c8]:root {
        --jjext-color-brand: #1e80ff;
        --jjext-color-brand-light: #e8f3ff;
        --jjext-color-nav-title: #86909c;
        --jjext-color-nav-popup-bg: #ffffff;
        --jjext-color-primary: #1d2129;
        --jjext-color-secondary-app: #4e5969;
        --jjext-color-thirdly: #86909c;
        --jjext-color-hover: #1e80ff;
        --jjext-color-hover-thirdly: #86909c;
        --jjext-color-dropdown-text: #1e80ff;
        --jjext-color-divider: #e5e6eb;
        --jjext-color-main-bg: #f4f5f5;
        --jjext-color-secondary-bg: #ffffff;
        --jjext-color-thirdly-bg: #f4f5f5;
        --jjext-color-hover-bg: #e8f3ff;
        --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(232, 243, 255, 0) 0%,
                rgba(232, 243, 255, 0.8) 25.09%,
                #e8f3ff 50.16%,
                rgba(232, 243, 255, 0.8) 75.47%,
                rgba(232, 243, 255, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #ffffff;
        --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
        --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
        --jjext-color-tips: #f53f3f;
        --jjext-color-fourthly: #c9cdd4;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #e5e6eb;
        --jjext-color-icon-search: #ffffff;
        --jjext-color-navbar-icon: #1e80ff;
        --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
        --jjext-color-layout-title: #4e5969;
        --jjext-color-layout-title-active: #1e80ff;
        --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
        --jjext-color-layout-icon-fill: #ffffff;
        --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-layer-4: #ffffff;
        --jjext-color-font-brand1-normal: #1e80ff;
        --jjext-color-font-brand-4: #abcdff;
        --jjext-color-font-1: #252933;
        --jjext-color-font-2: #515767;
        --jjext-color-font-3: #8a919f;
        --jjext-color-font-4: #c2c8d1;
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
        --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-gray-0: #fff;
        --jjext-color-gray-1-1: #e4e6eb;
        --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-gray-1-3: #e4e6eb;
        --jjext-color-gray-2: #f2f3f5;
        --jjext-color-gray-3: #f7f8fa;
        --jjext-color-background: #f2f3f5;
        --jjext-color-layer-1: #fff;
        --jjext-color-layer-2-1: #f7f8fa;
        --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
        --jjext-color-layer-3-fill: #f2f3f5;
        --jjext-color-layer-3-border: #e4e6eb;
        --jjext-color-layer-4-dropdown: #fff;
        --jjext-color-layer-5: #fff;
        --jjext-color-brand-1-normal: #1e80ff;
        --jjext-color-brand-2-hover: #1171ee;
        --jjext-color-brand-3-click: #0060dd;
        --jjext-color-brand-4-disable: #abcdff;
        --jjext-color-brand-5-light: #eaf2ff;
        --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
        --jjext-color-mask-2: #fff;
        --jjext-color-mask-3: none;
        --jjext-color-mask-6: #ffffff;
        --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
        --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
        --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
        --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
        --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
        --jjext-color-font_danger: #ff5132;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
        --jjext-color-popup: #fff;
        --jjext-color-popover: rgba(0, 0, 0, 0.8)
    }

    :root .dark[data-v-19f1e2c8] {
        --jjext-color-brand: #1352a3;
        --jjext-color-nav-title: #e3e3e3;
        --jjext-color-nav-popup-bg: #1352a3;
        --jjext-color-primary: #e3e3e3;
        --jjext-color-secondary-app: #a9a9a9;
        --jjext-color-thirdly: #7d7d7f;
        --jjext-color-hover: #eeeeee;
        --jjext-color-hover-thirdly: #878789;
        --jjext-color-dropdown-text: #878789;
        --jjext-color-divider: #4a4a4a;
        --jjext-color-main-bg: #121212;
        --jjext-color-secondary-bg: #272727;
        --jjext-color-thirdly-bg: #3a3a3a;
        --jjext-color-hover-bg: #3a3a3a;
        --jjext-color-comment-bg: #313131;
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(58, 58, 58, 0) 0%,
                rgba(58, 58, 58, 0.8) 25.09%,
                #3a3a3a 50.16%,
                rgba(58, 58, 58, 0.8) 75.47%,
                rgba(58, 58, 58, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #e3e3e3;
        --jjext-color-nav-bg: rgb(30, 30, 30);
        --jjext-color-nav-selected-border: #4a4a4a;
        --jjext-color-tips: #bc3030;
        --jjext-color-fourthly: #878789;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #3a3a3a;
        --jjext-color-icon-search: #e3e3e3;
        --jjext-color-navbar-icon: #e3e3e3;
        --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
        --jjext-color-layout-title: #eeeeee;
        --jjext-color-layout-title-active: #eeeeee;
        --jjext-color-layout-icon-outline: #131313;
        --jjext-color-layout-icon-fill: #e3e3e3;
        --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-layer-4: #2f2f2f;
        --jjext-color-font-brand1-normal: #4495ff;
        --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
        --jjext-color-font-1: rgba(255, 255, 255, 0.9);
        --jjext-color-font-2: rgba(255, 255, 255, 0.7);
        --jjext-color-font-3: rgba(255, 255, 255, 0.55);
        --jjext-color-font-4: rgba(255, 255, 255, 0.45);
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
        --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-gray-0: #000;
        --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
        --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-gray-1-3: #464646;
        --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
        --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
        --jjext-color-background: #000;
        --jjext-color-layer-1: #181818;
        --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
        --jjext-color-layer-4-dropdown: #2f2f2f;
        --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
        --jjext-color-brand-1-normal: #2986ff;
        --jjext-color-brand-2-hover: #1473ed;
        --jjext-color-brand-3-click: #0563dd;
        --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
        --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
        --jjext-color-mask-2: #282828;
        --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
        --jjext-color-mask-6: #181818;
        --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
        --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
        --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
        --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
        --jjext-color-font_danger: #f85959;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
        --jjext-color-popup: #282828;
        --jjext-color-popover: #323232
    }

    .mask[data-v-19f1e2c8] {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 600;
        background-color: var(--jjext-color-mask)
    }

    .slide-left-enter-active,
    .slide-left-leave-active {
        transition: transform .3s linear
    }

    .slide-left-enter-from,
    .slide-left-leave-to {
        transform: translateX(100%)
    }

    [data-v-0a4e498b]:root {
        --jjext-color-brand: #1e80ff;
        --jjext-color-brand-light: #e8f3ff;
        --jjext-color-nav-title: #86909c;
        --jjext-color-nav-popup-bg: #ffffff;
        --jjext-color-primary: #1d2129;
        --jjext-color-secondary-app: #4e5969;
        --jjext-color-thirdly: #86909c;
        --jjext-color-hover: #1e80ff;
        --jjext-color-hover-thirdly: #86909c;
        --jjext-color-dropdown-text: #1e80ff;
        --jjext-color-divider: #e5e6eb;
        --jjext-color-main-bg: #f4f5f5;
        --jjext-color-secondary-bg: #ffffff;
        --jjext-color-thirdly-bg: #f4f5f5;
        --jjext-color-hover-bg: #e8f3ff;
        --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(232, 243, 255, 0) 0%,
                rgba(232, 243, 255, 0.8) 25.09%,
                #e8f3ff 50.16%,
                rgba(232, 243, 255, 0.8) 75.47%,
                rgba(232, 243, 255, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #ffffff;
        --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
        --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
        --jjext-color-tips: #f53f3f;
        --jjext-color-fourthly: #c9cdd4;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #e5e6eb;
        --jjext-color-icon-search: #ffffff;
        --jjext-color-navbar-icon: #1e80ff;
        --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
        --jjext-color-layout-title: #4e5969;
        --jjext-color-layout-title-active: #1e80ff;
        --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
        --jjext-color-layout-icon-fill: #ffffff;
        --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-layer-4: #ffffff;
        --jjext-color-font-brand1-normal: #1e80ff;
        --jjext-color-font-brand-4: #abcdff;
        --jjext-color-font-1: #252933;
        --jjext-color-font-2: #515767;
        --jjext-color-font-3: #8a919f;
        --jjext-color-font-4: #c2c8d1;
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
        --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-gray-0: #fff;
        --jjext-color-gray-1-1: #e4e6eb;
        --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-gray-1-3: #e4e6eb;
        --jjext-color-gray-2: #f2f3f5;
        --jjext-color-gray-3: #f7f8fa;
        --jjext-color-background: #f2f3f5;
        --jjext-color-layer-1: #fff;
        --jjext-color-layer-2-1: #f7f8fa;
        --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
        --jjext-color-layer-3-fill: #f2f3f5;
        --jjext-color-layer-3-border: #e4e6eb;
        --jjext-color-layer-4-dropdown: #fff;
        --jjext-color-layer-5: #fff;
        --jjext-color-brand-1-normal: #1e80ff;
        --jjext-color-brand-2-hover: #1171ee;
        --jjext-color-brand-3-click: #0060dd;
        --jjext-color-brand-4-disable: #abcdff;
        --jjext-color-brand-5-light: #eaf2ff;
        --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
        --jjext-color-mask-2: #fff;
        --jjext-color-mask-3: none;
        --jjext-color-mask-6: #ffffff;
        --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
        --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
        --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
        --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
        --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
        --jjext-color-font_danger: #ff5132;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
        --jjext-color-popup: #fff;
        --jjext-color-popover: rgba(0, 0, 0, 0.8)
    }

    :root .dark[data-v-0a4e498b] {
        --jjext-color-brand: #1352a3;
        --jjext-color-nav-title: #e3e3e3;
        --jjext-color-nav-popup-bg: #1352a3;
        --jjext-color-primary: #e3e3e3;
        --jjext-color-secondary-app: #a9a9a9;
        --jjext-color-thirdly: #7d7d7f;
        --jjext-color-hover: #eeeeee;
        --jjext-color-hover-thirdly: #878789;
        --jjext-color-dropdown-text: #878789;
        --jjext-color-divider: #4a4a4a;
        --jjext-color-main-bg: #121212;
        --jjext-color-secondary-bg: #272727;
        --jjext-color-thirdly-bg: #3a3a3a;
        --jjext-color-hover-bg: #3a3a3a;
        --jjext-color-comment-bg: #313131;
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(58, 58, 58, 0) 0%,
                rgba(58, 58, 58, 0.8) 25.09%,
                #3a3a3a 50.16%,
                rgba(58, 58, 58, 0.8) 75.47%,
                rgba(58, 58, 58, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #e3e3e3;
        --jjext-color-nav-bg: rgb(30, 30, 30);
        --jjext-color-nav-selected-border: #4a4a4a;
        --jjext-color-tips: #bc3030;
        --jjext-color-fourthly: #878789;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #3a3a3a;
        --jjext-color-icon-search: #e3e3e3;
        --jjext-color-navbar-icon: #e3e3e3;
        --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
        --jjext-color-layout-title: #eeeeee;
        --jjext-color-layout-title-active: #eeeeee;
        --jjext-color-layout-icon-outline: #131313;
        --jjext-color-layout-icon-fill: #e3e3e3;
        --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-layer-4: #2f2f2f;
        --jjext-color-font-brand1-normal: #4495ff;
        --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
        --jjext-color-font-1: rgba(255, 255, 255, 0.9);
        --jjext-color-font-2: rgba(255, 255, 255, 0.7);
        --jjext-color-font-3: rgba(255, 255, 255, 0.55);
        --jjext-color-font-4: rgba(255, 255, 255, 0.45);
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
        --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-gray-0: #000;
        --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
        --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-gray-1-3: #464646;
        --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
        --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
        --jjext-color-background: #000;
        --jjext-color-layer-1: #181818;
        --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
        --jjext-color-layer-4-dropdown: #2f2f2f;
        --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
        --jjext-color-brand-1-normal: #2986ff;
        --jjext-color-brand-2-hover: #1473ed;
        --jjext-color-brand-3-click: #0563dd;
        --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
        --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
        --jjext-color-mask-2: #282828;
        --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
        --jjext-color-mask-6: #181818;
        --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
        --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
        --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
        --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
        --jjext-color-font_danger: #f85959;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
        --jjext-color-popup: #282828;
        --jjext-color-popover: #323232
    }

    .search-app[data-v-0a4e498b] {
        z-index: 9999;
        padding-top: 160px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center
    }

    .search-app.extension[data-v-0a4e498b] {
        z-index: 500
    }

    @media (max-height:720px) {
        .search-app.tool-active[data-v-0a4e498b] {
            padding-top: 80px
        }
    }

    @media (max-height:640px) {
        .search-app.tool-active[data-v-0a4e498b] {
            padding-top: 30px
        }
    }

    .search-app .search-app__wrapper__[data-v-0a4e498b] {
        overflow: hidden;
        border-radius: 4px;
        border: 1px solid var(--jjext-color-font-brand1-normal);
        background: var(--jjext-color-layer-4);
        box-shadow: 0 0 0 4px rgba(30, 128, 255, .2), 0 0 20px rgba(0, 0, 0, .15);
        backdrop-filter: blur(15px)
    }

    .search-app .search-app__wrapper__ .search-result[data-v-0a4e498b] {
        margin-top: 8px
    }

    .search-app .search-app__wrapper__ .search-result .tool[data-v-0a4e498b] {
        padding: 0 8px
    }

    .search-app .search-app__wrapper__[data-v-0a4e498b] .search-suggest {
        padding: 0 0 8px 0
    }

    .search-app .search-app__wrapper__[data-v-0a4e498b] .search-suggest .list {
        border-top: none;
        padding-left: 8px;
        padding-right: 8px
    }

    .search-app .search-app__wrapper__[data-v-0a4e498b] .search-suggest .list .suggest-item {
        padding: 0 13px
    }

    .search-app .search-app__wrapper__[data-v-0a4e498b] .search-suggest .list .suggest-item .content {
        margin: 0 0 0 17px
    }

    .search-app .search-app__wrapper__[data-v-0a4e498b] .search-suggest .list .tool-item {
        padding: 0 9px 0 10px
    }

    .search-app .search-app__wrapper__[data-v-0a4e498b] .search-suggest .list .tool-item .content {
        margin-left: 12px
    }

    .search-app .juejin-search[data-v-0a4e498b] {
        margin: 8px
    }

    :root {
        --jjext-color-brand: #1e80ff;
        --jjext-color-brand-light: #e8f3ff;
        --jjext-color-nav-title: #86909c;
        --jjext-color-nav-popup-bg: #ffffff;
        --jjext-color-primary: #1d2129;
        --jjext-color-secondary-app: #4e5969;
        --jjext-color-thirdly: #86909c;
        --jjext-color-hover: #1e80ff;
        --jjext-color-hover-thirdly: #86909c;
        --jjext-color-dropdown-text: #1e80ff;
        --jjext-color-divider: #e5e6eb;
        --jjext-color-main-bg: #f4f5f5;
        --jjext-color-secondary-bg: #ffffff;
        --jjext-color-thirdly-bg: #f4f5f5;
        --jjext-color-hover-bg: #e8f3ff;
        --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(232, 243, 255, 0) 0%,
                rgba(232, 243, 255, 0.8) 25.09%,
                #e8f3ff 50.16%,
                rgba(232, 243, 255, 0.8) 75.47%,
                rgba(232, 243, 255, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #ffffff;
        --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
        --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
        --jjext-color-tips: #f53f3f;
        --jjext-color-fourthly: #c9cdd4;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #e5e6eb;
        --jjext-color-icon-search: #ffffff;
        --jjext-color-navbar-icon: #1e80ff;
        --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
        --jjext-color-layout-title: #4e5969;
        --jjext-color-layout-title-active: #1e80ff;
        --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
        --jjext-color-layout-icon-fill: #ffffff;
        --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-layer-4: #ffffff;
        --jjext-color-font-brand1-normal: #1e80ff;
        --jjext-color-font-brand-4: #abcdff;
        --jjext-color-font-1: #252933;
        --jjext-color-font-2: #515767;
        --jjext-color-font-3: #8a919f;
        --jjext-color-font-4: #c2c8d1;
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05);
        --jjext-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-gray-0: #fff;
        --jjext-color-gray-1-1: #e4e6eb;
        --jjext-color-gray-1-2: rgba(228, 230, 235, 0.5);
        --jjext-color-gray-1-3: #e4e6eb;
        --jjext-color-gray-2: #f2f3f5;
        --jjext-color-gray-3: #f7f8fa;
        --jjext-color-background: #f2f3f5;
        --jjext-color-layer-1: #fff;
        --jjext-color-layer-2-1: #f7f8fa;
        --jjext-color-layer-2-2: rgba(247, 248, 250, 0.7);
        --jjext-color-layer-3-fill: #f2f3f5;
        --jjext-color-layer-3-border: #e4e6eb;
        --jjext-color-layer-4-dropdown: #fff;
        --jjext-color-layer-5: #fff;
        --jjext-color-brand-1-normal: #1e80ff;
        --jjext-color-brand-2-hover: #1171ee;
        --jjext-color-brand-3-click: #0060dd;
        --jjext-color-brand-4-disable: #abcdff;
        --jjext-color-brand-5-light: #eaf2ff;
        --jjext-color-mask-1: rgba(0, 0, 0, 0.4);
        --jjext-color-mask-2: #fff;
        --jjext-color-mask-3: none;
        --jjext-color-mask-6: #ffffff;
        --jjext-color-brand-fill1-normal: rgba(30, 128, 255, 0.05);
        --jjext-color-brand-fill2-hover: rgba(30, 128, 255, 0.1);
        --jjext-color-brand-fill3-click: rgba(30, 128, 255, 0.2);
        --jjext-color-brand-stroke1-normal: rgba(30, 128, 255, 0.3);
        --jjext-color-brand-stroke2-hover: rgba(30, 128, 255, 0.45);
        --jjext-color-brand-stroke3-click: rgba(30, 128, 255, 0.6);
        --jjext-color-font_danger: #ff5132;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.4);
        --jjext-color-popup: #fff;
        --jjext-color-popover: rgba(0, 0, 0, 0.8)
    }

    :root .dark {
        --jjext-color-brand: #1352a3;
        --jjext-color-nav-title: #e3e3e3;
        --jjext-color-nav-popup-bg: #1352a3;
        --jjext-color-primary: #e3e3e3;
        --jjext-color-secondary-app: #a9a9a9;
        --jjext-color-thirdly: #7d7d7f;
        --jjext-color-hover: #eeeeee;
        --jjext-color-hover-thirdly: #878789;
        --jjext-color-dropdown-text: #878789;
        --jjext-color-divider: #4a4a4a;
        --jjext-color-main-bg: #121212;
        --jjext-color-secondary-bg: #272727;
        --jjext-color-thirdly-bg: #3a3a3a;
        --jjext-color-hover-bg: #3a3a3a;
        --jjext-color-comment-bg: #313131;
        --jjext-hover-bg: linear-gradient(90deg,
                rgba(58, 58, 58, 0) 0%,
                rgba(58, 58, 58, 0.8) 25.09%,
                #3a3a3a 50.16%,
                rgba(58, 58, 58, 0.8) 75.47%,
                rgba(58, 58, 58, 0) 100%);
        --jjext-color-mask: rgba(0, 0, 0, 0.4);
        --jjext-color-quick-nav-text: #e3e3e3;
        --jjext-color-nav-bg: rgb(30, 30, 30);
        --jjext-color-nav-selected-border: #4a4a4a;
        --jjext-color-tips: #bc3030;
        --jjext-color-fourthly: #878789;
        --jjext-color-shadow: rgba(0, 0, 0, 0.16);
        --jjext-color-grey-triangle: #3a3a3a;
        --jjext-color-icon-search: #e3e3e3;
        --jjext-color-navbar-icon: #e3e3e3;
        --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
        --jjext-color-layout-title: #eeeeee;
        --jjext-color-layout-title-active: #eeeeee;
        --jjext-color-layout-icon-outline: #131313;
        --jjext-color-layout-icon-fill: #e3e3e3;
        --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-layer-4: #2f2f2f;
        --jjext-color-font-brand1-normal: #4495ff;
        --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
        --jjext-color-font-1: rgba(255, 255, 255, 0.9);
        --jjext-color-font-2: rgba(255, 255, 255, 0.7);
        --jjext-color-font-3: rgba(255, 255, 255, 0.55);
        --jjext-color-font-4: rgba(255, 255, 255, 0.45);
        --jjext-color-font-white: #fff;
        --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1);
        --jjext-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-gray-0: #000;
        --jjext-color-gray-1-1: rgba(255, 255, 255, 0.2);
        --jjext-color-gray-1-2: rgba(255, 255, 255, 0.1);
        --jjext-color-gray-1-3: #464646;
        --jjext-color-gray-2: rgba(255, 255, 255, 0.12);
        --jjext-color-gray-3: rgba(255, 255, 255, 0.08);
        --jjext-color-background: #000;
        --jjext-color-layer-1: #181818;
        --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-2-2: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-fill: rgba(255, 255, 255, 0.08);
        --jjext-color-layer-3-border: rgba(255, 255, 255, 0.2);
        --jjext-color-layer-4-dropdown: #2f2f2f;
        --jjext-color-layer-5: rgba(255, 255, 255, 0.12);
        --jjext-color-brand-1-normal: #2986ff;
        --jjext-color-brand-2-hover: #1473ed;
        --jjext-color-brand-3-click: #0563dd;
        --jjext-color-brand-4-disable: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-5-light: rgba(30, 128, 255, 0.2);
        --jjext-color-mask-1: rgba(255, 255, 255, 0.4);
        --jjext-color-mask-2: #282828;
        --jjext-color-mask-3: rgba(0, 0, 0, 0.05);
        --jjext-color-mask-6: #181818;
        --jjext-color-brand-fill1-normal: rgba(41, 134, 255, 0.15);
        --jjext-color-brand-fill2-hover: rgba(20, 115, 237, 0.25);
        --jjext-color-brand-fill3-click: rgba(5, 99, 221, 0.35);
        --jjext-color-brand-stroke1-normal: rgba(41, 134, 255, 0.4);
        --jjext-color-brand-stroke2-hover: rgba(20, 115, 237, 0.6);
        --jjext-color-brand-stroke3-click: rgba(5, 99, 221, 0.6);
        --jjext-color-font_danger: #f85959;
        --jjext-color-shade-1: rgba(0, 0, 0, 0.6);
        --jjext-color-popup: #282828;
        --jjext-color-popover: #323232
    }
</style>
<style data-id="immersive-translate-input-injected-css">
    .immersive-translate-input {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 2147483647;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .immersive-translate-attach-loading::after {
        content: " ";

        --loading-color: #f78fb6;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: block;
        margin: 12px auto;
        position: relative;
        color: white;
        left: -100px;
        box-sizing: border-box;
        animation: immersiveTranslateShadowRolling 1.5s linear infinite;

        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-2000%, -50%);
        z-index: 100;
    }

    .immersive-translate-loading-spinner {
        vertical-align: middle !important;
        width: 10px !important;
        height: 10px !important;
        display: inline-block !important;
        margin: 0 4px !important;
        border: 2px rgba(221, 244, 255, 0.6) solid !important;
        border-top: 2px rgba(0, 0, 0, 0.375) solid !important;
        border-left: 2px rgba(0, 0, 0, 0.375) solid !important;
        border-radius: 50% !important;
        padding: 0 !important;
        -webkit-animation: immersive-translate-loading-animation 0.6s infinite linear !important;
        animation: immersive-translate-loading-animation 0.6s infinite linear !important;
    }

    @-webkit-keyframes immersive-translate-loading-animation {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(359deg);
        }
    }

    @keyframes immersive-translate-loading-animation {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(359deg);
        }
    }

    .immersive-translate-input-loading {
        --loading-color: #f78fb6;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: block;
        margin: 12px auto;
        position: relative;
        color: white;
        left: -100px;
        box-sizing: border-box;
        animation: immersiveTranslateShadowRolling 1.5s linear infinite;
    }

    @keyframes immersiveTranslateShadowRolling {
        0% {
            box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),
                0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
        }

        12% {
            box-shadow: 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0),
                0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
        }

        25% {
            box-shadow: 110px 0 var(--loading-color), 100px 0 var(--loading-color),
                0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
        }

        36% {
            box-shadow: 120px 0 var(--loading-color), 110px 0 var(--loading-color),
                100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0);
        }

        50% {
            box-shadow: 130px 0 var(--loading-color), 120px 0 var(--loading-color),
                110px 0 var(--loading-color), 100px 0 var(--loading-color);
        }

        62% {
            box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color),
                120px 0 var(--loading-color), 110px 0 var(--loading-color);
        }

        75% {
            box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
                130px 0 var(--loading-color), 120px 0 var(--loading-color);
        }

        87% {
            box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
                200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color);
        }

        100% {
            box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
                200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
        }
    }

    .immersive-translate-toast {
        display: flex;
        position: fixed;
        z-index: 2147483647;
        left: 0;
        right: 0;
        top: 1%;
        width: fit-content;
        padding: 12px 20px;
        margin: auto;
        overflow: auto;
        background: #fef6f9;
        box-shadow: 0px 4px 10px 0px rgba(0, 10, 30, 0.06);
        font-size: 15px;
        border-radius: 8px;
        color: #333;
    }

    .immersive-translate-toast-content {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .immersive-translate-toast-hidden {
        margin: 0 20px 0 72px;
        text-decoration: underline;
        cursor: pointer;
    }

    .immersive-translate-toast-close {
        color: #666666;
        font-size: 20px;
        font-weight: bold;
        padding: 0 10px;
        cursor: pointer;
    }

    @media screen and (max-width: 768px) {
        .immersive-translate-toast {
            top: 0;
            padding: 12px 0px 0 10px;
        }

        .immersive-translate-toast-content {
            flex-direction: column;
            text-align: center;
        }

        .immersive-translate-toast-hidden {
            margin: 10px auto;
        }
    }

    .immersive-translate-modal {
        display: none;
        position: fixed;
        z-index: 2147483647;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
        font-size: 15px;
    }

    .immersive-translate-modal-content {
        background-color: #fefefe;
        margin: 10% auto;
        padding: 40px 24px 24px;
        border: 1px solid #888;
        border-radius: 10px;
        width: 80%;
        max-width: 270px;
        font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
            "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
            "Segoe UI Symbol", "Noto Color Emoji";
        position: relative;
    }

    @media screen and (max-width: 768px) {
        .immersive-translate-modal-content {
            margin: 50% auto !important;
        }
    }

    .immersive-translate-modal .immersive-translate-modal-content-in-input {
        max-width: 500px;
    }

    .immersive-translate-modal-content-in-input .immersive-translate-modal-body {
        text-align: left;
        max-height: unset;
    }

    .immersive-translate-modal-title {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: #333333;
    }

    .immersive-translate-modal-body {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        word-break: break-all;
        margin-top: 24px;
    }

    @media screen and (max-width: 768px) {
        .immersive-translate-modal-body {
            max-height: 250px;
            overflow-y: auto;
        }
    }

    .immersive-translate-close {
        color: #666666;
        position: absolute;
        right: 16px;
        top: 16px;
        font-size: 20px;
        font-weight: bold;
    }

    .immersive-translate-close:hover,
    .immersive-translate-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .immersive-translate-modal-footer {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .immersive-translate-btn {
        width: fit-content;
        color: #fff;
        background-color: #ea4c89;
        border: none;
        font-size: 16px;
        margin: 0 8px;
        padding: 9px 30px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .immersive-translate-btn:hover {
        background-color: #f082ac;
    }

    .immersive-translate-btn:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .immersive-translate-btn:disabled:hover {
        background-color: #ea4c89;
    }

    .immersive-translate-cancel-btn {
        /* gray color */
        background-color: rgb(89, 107, 120);
    }

    .immersive-translate-cancel-btn:hover {
        background-color: hsl(205, 20%, 32%);
    }

    .immersive-translate-action-btn {
        background-color: transparent;
        color: #ea4c89;
        border: 1px solid #ea4c89;
    }

    .immersive-translate-btn svg {
        margin-right: 5px;
    }

    .immersive-translate-link {
        cursor: pointer;
        user-select: none;
        -webkit-user-drag: none;
        text-decoration: none;
        color: #007bff;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }

    .immersive-translate-primary-link {
        cursor: pointer;
        user-select: none;
        -webkit-user-drag: none;
        text-decoration: none;
        color: #ea4c89;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }

    .immersive-translate-modal input[type="radio"] {
        margin: 0 6px;
        cursor: pointer;
    }

    .immersive-translate-modal label {
        cursor: pointer;
    }

    .immersive-translate-close-action {
        position: absolute;
        top: 2px;
        right: 0px;
        cursor: pointer;
    }

    .imt-image-status {
        background-color: rgba(0, 0, 0, 0.5) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 16px !important;
    }

    .imt-image-status img,
    .imt-image-status svg,
    .imt-img-loading {
        width: 28px !important;
        height: 28px !important;
        margin: 0 0 8px 0 !important;
        min-height: 28px !important;
        min-width: 28px !important;
        position: relative !important;
    }

    .imt-img-loading {
        background-image: url("");
        background-size: 28px 28px;
        animation: image-loading-rotate 1s linear infinite !important;
    }

    .imt-image-status span {
        color: var(--bg-2, #fff) !important;
        font-size: 14px !important;
        line-height: 14px !important;
        font-weight: 500 !important;
        font-family: "PingFang SC", Arial, sans-serif !important;
    }

    @keyframes image-loading-rotate {
        from {
            transform: rotate(360deg);
        }

        to {
            transform: rotate(0deg);
        }
    }
</style>
</head>



<body inject_video_svd="true">

    <!-- 文章 开始-->
    <div class="content">
        <div class="article">
            <div style="position:relative;margin-top:65px;">
                <iframe id="iframe_chapter" name="iframe_chapter" frameborder="0" scrolling="no"
                    allowtransparency="true" width="650" height="800"
                    src="/index.php?ca=Chapter.Content&amp;bid=11873464&amp;cid=1" style="height: 1977px;"></iframe>
                <div
                    style="position: absolute; top: 0px; height: 100%; width: 100%; text-align: center; background-color: rgb(248, 240, 231); display: none;">
                    <img src="http://img3.zhangyue.com/zypc/static/images/rank/load.gif" alt=""
                        style="margin: 50px auto;" data-extentions-extra-ocr-id="a1cbbb031cd7b9db6d313288bcdb3146">
                </div>
            </div>
            <script type="text/javascript">
                (function chapter_iframe_init() {
                    var iframe = $('#iframe_chapter');

                    iframe.attr('src', '/index.php?ca=Chapter.Content&bid=11873464&cid=1');
                    iframe.bind('load', function () {
                        iframe.contents().find('head').append('<style>@charset "UTF-8";html,body{overflow-x:hidden!important}.read_c{padding-left:0;padding-right:0}.read_rule_c{padding-left:1em;padding-right:1em}video{width:100%;height:auto!important}div.video-k,div.video{width:auto!important;box-sizing:border-box}audio.zhangyue-audio{min-width:120px}.read_rule_audio .zhangyue-r{width:3.8em;margin:.3em 0 0 1em;overflow:hidden}.biaose2{padding-left:2em;text-indent:0;display:block}rt.ying{margin-left:1px}.preface-text1 .zhonghei1{min-width:2.5em;float:left}table.zhangyue-tablebody,table.zhangyue-tablebody1{border-collapse:collapse}table img.zhangyue-img-h{width:100%;height:auto!important}tr{vertical-align:top}img{max-width:100%!important}div.border-div{box-sizing:border-box}.read_rule_table1 .zhangyue-tablebody0{padding-top:100px;position:relative}.read_rule_table2 .margin table.zhangyue-tablebodya{min-height:0;margin-top:200px}.read_rule_table3 .hh table{min-height:0!important}.read_rule_table4 .zhangyue-tablebodya{min-height:0!important}.h5_table_h100{height:auto!important}div.zhangyue-full-c{margin:.5em -1em!important}img.zhangyue-img-full{width:100%!important}div.zhangyue-head{margin-top:0!important}.full-page1 .zhangyue-c img.zhangyue-img-h,img.zhangyue-img-h100{width:100%;height:auto!important}div.zhangyue-c[gallery=image]{margin-left:-1em!important;margin-right:-1em!important}div.chapter-div{width:70%!important;margin:0!important;padding-right:0!important;padding-left:30%!important;background-position:right center!important}div.zhangyue-center2,div.zhangyue-center{margin-right:0!important;margin-left:0!important}.zy61,a{word-break:break-all}pre.code{overflow:auto}.h5_mainbody,.h5_mainbody_bg{overflow:hidden}.h5_mainbody{padding-left:1em;padding-right:1em}.read_rule_tit1 h2.text-title-2{margin:0 -1em!important;padding:80px 0 30px!important}.read_rule_tit2 h1.text-title-1{line-height:2.2em}.read_rule_tit3 div[style="height: 100%;vertical-align: bottom;"]{height:240px!important;position:absolute;bottom:0;left:0;right:0}.read_rule_tit3 .text-title-1{margin-bottom:-1.1em}.read_rule_tit3 div.di{height:200px}.read_rule_tit4 .text-title-1{position:absolute;bottom:10%;right:1em}.read_rule_tit5 .zhangyue-zs-r{margin:0 -1em 0 auto}.read_rule_tit5 .text-title-2{line-height:normal}.read_rule_tit7 div.xt{margin-left:8em}.read_rule_tit8 div.zhangyue-top-full-c{margin:0 0 20%}.read_rule_tit9 .text-title-2{color:#666}.read_rule_tit10 div.zhangyue-zs-l1{margin-bottom:50px}.read_rule_tit11 h1.text-title-1{line-height:1.6em}.read_rule_tit11 p.rm{line-height:1.6em}.read_rule_tit12 .biao2{padding-left:3em}.read_rule_tit12 .text-title-1c{padding-top:.7em}.read_rule_tit13 p.wq{line-height:1.4em;word-break:break-all}.read_rule_tit13 .width3 table{table-layout:fixed}.read_rule_tit14 .di{width:7em;padding:0}.read_rule_tit14 .kuang{width:auto;overflow:hidden}.read_rule_tit15 .kd table{min-height:0!important}.read_rule_tit15 .yd{margin:-53px 1em 0 auto;position:relative}.read_rule_tit15 .dx{border-bottom-width:1px}.read_rule_tit15 h1.text-title-1s{margin-top:7px}.read_rule_tit16 .wid{height:50px;padding-top:240px}.read_rule_tit17 .zhangyue-zs-r{margin-top:150px}.read_rule_tit17 h1.text-title-1-r,.read_rule_tit17 h6.poem-title1{margin-right:14px}.read_rule_tit18 .text-title-1-c3 .sx{display:inline-block}.read_rule_tit19 .ds{width:5.4em;margin:30% 1em 2em}.read_rule_tit20 .zhangyue-m00{height:30%;position:absolute;bottom:0}.read_rule_tit20 .zhangyue-m00 table{min-height:0!important}.read_rule_tit20 h1.text-title-1-c00{line-height:2em}.read_rule_tit20 .content-word0{white-space:nowrap}.read_rule_tit21 .wz table{min-height:0!important}.read_rule_tit21 .text-title-1-c2{word-break:break-word}.read_rule_tit22 .text-title-2-c1 .sx2{display:inline-block}.read_rule_tit23 .text-title-1{word-break:break-word}.read_rule_tit24 .text-title-1{margin-top:0;margin-left:20px;padding-top:95%}.read_rule_tit24 .zhang{margin-left:20px}.read_rule_tit25 .zhangyue-zs-c-y,.read_rule_tit25 .zhangyue-zs-c-z{width:auto}.read_rule_tit26 .hh{height:auto;position:absolute;bottom:1em;left:1em}.read_rule_tit27 .text-title-1a{line-height:3em}.read_rule_tit28 .lv{padding-left:1em;padding-right:1em;box-sizing:border-box}.read_rule_tit28 img.zhangyue-img-h1{height:auto}.read_rule_tit29 .xx{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.read_rule_tit30 .text-title-2{line-height:2em}.read_rule_tit31 .text-title-3-bg{margin-bottom:1em;line-height:normal}.read_rule_tit31 .xian{display:inline-block}.read_rule_tit32 .zhangyue-top-full-c{margin-top:-39%}.read_rule_tit33 div.bj{height:12.2em;padding-top:3.8em}.read_rule_tit34 .bj-bj{padding-top:2em;padding-right:2em}.read_rule_tit34 .bottom{height:auto;position:absolute;bottom:2em;right:2em}.read_rule_tit34 .taotu{height:6em;padding-top:2em}.read_rule_tit35 .taotu{height:7em;padding-top:2em}.read_rule_tit36 .text-title-1,.read_rule_tit36 .text-title-2{margin-left:-1em}.read_rule_tit37 .jd1{height:auto;position:absolute;bottom:24%;left:0;right:0}.read_rule_tit38 .xf-xy1{margin-left:-1em}.read_rule_tit39 .text-title-1-ca{margin-top:0}.read_rule_tit40 .beijing{margin-bottom:30%}.read_rule_tit41 h1.text-title-1-r{margin-right:1em}.read_rule_tit42 p.bodytext-lt{margin-top:4em}.read_rule_tit43 .xian{height:100px}.read_rule_tit43 h1.text-title-1-c{word-break:break-word}.read_rule_tit44 .gao{height:auto;position:absolute;bottom:130px;right:1em}.read_rule_tit45 .hua{margin-top:-20%;position:relative;z-index:2}.read_rule_tit46 .quan{padding:6em 0}.read_rule_tit47 .zhangyue-m{height:auto;position:absolute;bottom:2em;right:0}.read_rule_tit48 h1.text-title-1a,.read_rule_tit48 h1.chaptertitle-cb{position:relative;z-index:1}.read_rule_tit49 div.background-img-right{height:560px}.read_rule_tit50 .text-title-1{margin-bottom:.5em;line-height:1.4em}.read_rule_tit51 .h5_mainbody_bg{padding:0 1em}.read_rule_tit52 div.dise{padding:.3em 0;margin:35% -20% 0}.read_rule_tit53 h1.text-title-1a{line-height:42px}.read_rule_tit54 .text-title-1-c{font-size:0;line-height:30px}.read_rule_tit54 img.zhangyue-img-h1{height:21px;margin-right:0;margin-top:4px;vertical-align:top}.read_rule_tit54 .content-word-light{margin:0 4px}.read_rule_tit55 .dise{margin-right:-5em}.read_rule_tit56 .zhangyue-t,.read_rule_tit56 .zhangyue-t1{height:auto;margin-top:-39%;position:absolute;top:50%;left:0;right:0}.read_rule_tit57 .text-title-2-c-1{width:5em;padding-left:0;padding-right:0;text-align:center}.read_rule_tit58 .taotu{height:11em;padding-top:3em}.read_rule_tit58 .taotua{height:2.1em;padding-top:.9em}.read_rule_tit59 .text-title-1a{padding-top:.8em}.read_rule_tit60 h1.text-title-1{margin-top:-30%}.read_rule_tit61 .yi{height:177.8vw;min-height:640px}.read_rule_tit62 .h5_mainbody{position:relative}.read_rule_tit62 div.kk,.read_rule_tit62 div.kk1{position:absolute;right:0;top:50px}.read_rule_tit63 table.zhangyue-tablebodya{min-height:0!important}.read_rule_tit64 div.di{margin-top:70%}.read_rule_tit64 div.di div.xian{padding-left:0!important;padding-right:10%!important}.read_rule_tit64 div.di div.xian .h1.text-title-1{padding-left:10%!important}.read_rule_tit64 div.di div.xian .p.zhang{margin-left:10%}.read_rule_tit65 .div.beijing,.read_rule_tit65 div.xx{height:700px;max-height:700px}.read_rule_tit66 div.background-img-center{padding:0 1em}.read_rule_tit67 h1.title-1-c{background-size:100%;width:43px;height:45px;margin:25% auto 1.5em;line-height:33px}.read_rule_tit68 h1.text-title-11{word-break:break-word}.read_rule_tit69 div.chapter{-webkit-box-sizing:border-box;box-sizing:border-box}div.background-img-center{height:177.8vw;min-height:640px;background-repeat:no-repeat;overflow:hidden;position:relative}div.background-img-center>table{min-height:640px}div.background-img-center .mydiv{width:24%;height:24%;margin-top:0;margin-right:0;background-repeat:no-repeat;background-size:100%;position:absolute;top:0;right:0}@media screen and (max-width:330px){div.background-img-center{min-height:560px}div.background-img-center>table{min-height:560px}}div.background-img-top{height:177.8vw;min-height:640px;background-repeat:no-repeat;overflow:hidden;position:relative}.read_c .zhangyue-b-l{height:auto;position:absolute;bottom:0;left:0}.read_c .zhangyue-b-c{height:auto;position:absolute;bottom:0;left:0;right:0}.read_c .zhangyue-b-r{height:auto;position:absolute;bottom:0;right:0}.h5_mainbody_bg.copyright-basemap,.h5_mainbody_bg.copyright-basemap-png,.h5_mainbody_bg.copyright-basemap-pnga,.h5_mainbody_bg.copyright-basemapa{height:500px;min-height:500px;margin-top:2em;margin-bottom:2em;padding:1em;overflow:auto}.read_rule_copyr1 .copyright-basemap{height:auto}.read_rule_copyr2 .copyright-basemap{height:177.8vw;min-height:640px}.read_rule_copyr3 .copyright-basemap-png{padding-top:100px;background-size:120px;background-position:1em 2em}.read_rule_copyr4 .copyright-basemap1,.read_rule_copyr4 .copyright-basemap2{height:133vw;min-height:440px}.read_rule_copyr5 .copyright-basemap{height:177.8vw;min-height:640px;position:relative}.read_rule_copyr6 .jd{height:auto}.read_rule_copyr7 .copyright-text{margin-right:2em}.read_rule_cover1 .pz-box{margin:0!important;position:relative;top:45%}.read_rule_cover1 .background-img-center table{min-height:0!important}.read_rule_cover2 .background-img-center:nth-child(3){height:auto!important}.read_rule_cover2 .chapter-div{width:264px!important;height:364px!important;margin:0 0 0 auto!important;padding:100px 0 0 44px!important;top:100px;position:relative;background-size:100% 100%!important}.read_rule_cover3 div.hh table{min-height:0}.read_rule_cover4 .background-img-bottom{height:110vw;min-height:400px;padding-top:40vw;background-repeat:no-repeat;background-size:100% auto;overflow:hidden;background-position:center bottom}.read_rule_cover5 .v-middle,.read_rule_cover5 .zhangyue-m{height:auto;vertical-align:middle;position:relative;top:50%;-webkit-transform:translate(1em,-50%);transform:translate(1em,-50%)}.read_rule_cover6 .zhangyue-m{height:auto;position:absolute;bottom:0;right:0;left:30px}.read_rule_cover7 .h{height:auto;margin:30% 0 20%}.read_rule_cover8 .kuang{position:relative}.read_rule_cover8 .zhangyue-m{height:70%}.read_rule_cover8 .full-page{min-height:100vh}.read_rule_cover8 .background-color1{padding:0 1em;background-color:#4C4C4C}.read_rule_cover8 .zhangyue-zs-l{margin-top:0}.read_rule_cover8 p.bodytext-zh{width:36px;height:36px;margin-top:-80px;overflow:hidden;float:left}.read_rule_cover8 .text-title-1{margin-top:0;padding-top:50px;clear:both}.read_rule_cover8 .zhangyue-img-h{height:auto}.read_rule_cover9 .h{margin:2em 0;padding:60px 0}.read_rule_cover10 .ku{width:auto;max-width:600px;height:249px;padding:159px 5% 0;line-height:17px}.read_rule_cover11 div[style^="background-color:#EDF3F8"]{padding:1em}.read_rule_cover12 .background-img-center2{padding:1em;background-size:cover}.read_rule_cover13 .zhangyue-m{height:auto;position:absolute;bottom:10%;right:2em;left:0}.read_rule_cover14 .zhangyue-tablebody{width:100%;height:50px;min-height:0!important;margin:0;position:absolute;top:65%;left:0}.read_rule_cover15 .gaodu{width:70%;height:auto;position:relative;top:50%;-webkit-transform:translate(19%,-50%);transform:translate(19%,-50%)}.read_rule_cover15 .bg{height:100%}.read_rule_cover16 div.b{height:auto;position:absolute;bottom:10%;right:2em;left:0}.read_rule_cover17 .background-img-center .zhangyue-tablebody2{height:127px;min-height:127px}.read_rule_cover20 .zhangyue-tablebody{min-height:50px!important}.read_rule_cover21 .background-img-center1{padding:100px 0}.read_rule_cover22 .aa{margin-left:1em;background:rgba(255,255,255,.7)}.read_rule_cover23 .h5_mainbody_bg.copyright-basemap{height:160vw;padding-top:20vw}.read_rule_cover23 .ku{height:auto}.read_rule_cover23 .h5_mainbody_bg.background-img-center .ku table{min-height:0}.read_rule_cover24 div.kuang{box-sizing:border-box}.read_rule_cover24 .zhangyue-tablebody1{margin-left:0;margin-right:0}.read_rule_cover25 .beijing{height:444px;min-height:444px}.read_rule_cover26 .background-img-centerw{padding:1em}.read_rule_cover27 .h5_mainbody_bg{padding:1em}.read_rule_cover27 .zhangyue-zs-r1{margin-right:-14px}.read_rule_cover27 .zhangyue-tablebody1{margin-left:0}.read_rule_cover27 .ditu table{min-height:0!important}.read_rule_cover27 .ditu1 table{min-height:300px}.read_rule_cover28 .background-img-centera{height:167.8vw;min-height:440px;padding:100px 2em 0;background-repeat:no-repeat;background-size:100% 100%;overflow:hidden;background-position:center center;position:relative}.read_rule_cover29 .zhangyue-c{width:auto;margin-left:1em;margin-right:1em}.read_rule_cover29 .background-img-center1{padding-left:1em;padding-right:1em}.read_rule_cover30 .border1{height:auto;padding-top:100px;position:absolute;top:1em;left:1em;right:1em;bottom:1em}.read_rule_cover31 .background{padding:2em 1em 0;background:#f8eca5!important}.read_rule_cover32 .background-img-center1{padding:1em}.read_rule_cover32 .jieshao{margin-right:1em}.read_rule_cover32 .jieshao1x{margin-left:1em}.read_rule_cover32 [class^=jieshao]{background:rgba(255,255,255,.4)}.read_rule_cover33 .background2{height:500px;height:150vw;min-height:500px;padding:0 1em 100px;position:relative}.read_rule_cover34 .background-img-center{background-size:cover}.read_rule_cover34 .text-title-1-c{margin-top:15px}.read_rule_cover35 .bg{min-height:640px}.read_rule_cover36 .background-img-center[style^=background-color]{height:177.8vw;min-height:640px}.read_rule_cover37 .background-img-center{height:177.8vw;min-height:640px;background-size:cover!important}.read_rule_cover38 .background-img-center1{padding:1em}.read_rule_cover39 .background-img-center>table{min-height:0}.read_rule_cover40 .background-img-center1{height:177.8vw;min-height:640px}.read_rule_cover41 .background-color{height:177.8vw;min-height:640px}.read_rule_vertical .h5_rule_hv{height:auto;overflow:hidden;position:relative;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.read_rule_img5 .zhangyue-img-h100{height:auto}.read_rule_bg1 .bg-color4,.read_rule_bg1 div.di{background:#fff}.read_rule_bg2 .background-img-center1{padding:40px 2em 60px;background-size:100% 100%}.read_rule_cover2 .preface-text{padding-top:200px}.read_rule_bg3 .background-img-centera{overflow:hidden}.read_rule_bg4 .background-img-center1{padding:1em}.read_rule_bg6 div.background-img-center{height:auto!important;padding:1em}.read_rule_bg7 div.background-preface{background-size:2.5em auto;background-repeat:repeat-y}.read_rule_bg8 .tu{overflow:hidden}.read_rule_bg9 .beijing{margin:48px -1em 0;padding:160px 1em}.read_rule_bg10 .background-img-center1{padding:1em;background:#b4e1f8!important}.read_rule_bg11 div.bg{height:670px}.read_rule_txt1 .hh{padding:4em 2em 0!important}.read_rule_txt2 .bodytext-kt-np{padding-left:2em;text-indent:0}.read_rule_txt3 .title-1,.read_rule_txt3 .title-2{line-height:normal}.read_rule_txt5 .border{height:auto}.read_rule_txt6 .zhangyue-tablebody td{vertical-align:top}.read_rule_txt6 .bodytext-kt{padding-top:1em;text-indent:0}.read_rule_txt7 .xt{width:10em}.read_rule_txt7 .text-title-1-r{line-height:2em}.read_rule_txt8 div.kuang{line-height:6.7em;text-align:center}.read_rule_txt8 h1.text-title-1{vertical-align:middle;display:inline-block}.read_rule_txt9 div.dt{margin-right:-1em;overflow:hidden;position:relative}.read_rule_txt9 h2.text-title-2-c1{margin:222px 200px 0 auto}.read_rule_txt9 h2.text-title-2-c2{margin-right:2em}.read_rule_txt9 .background-img-center1 .wz{padding:200px 0}.read_rule_txt9 .background-img-center1 p.sc{width:1em;padding:0 .3em;line-height:1.2em;word-break:break-all}.read_rule_txt10 p.yin{white-space:nowrap}.read_rule_txt11 div.dise{width:auto;margin:0 0 0 2em;padding:1em}.read_rule_txt11 div.dise .zhangyue-zs-l0{width:100%}.read_rule_txt11 div.width3{margin:0}.read_rule_txt12 .width{margin-top:0}.read_rule_txt12 h1.text-title-1{padding-top:10px}.read_rule_txt12 h1.text-title-12{width:auto}.read_rule_txt13 .text-title-1-c1{word-break:break-word}.read_rule_txt13 .shusong{font-weight:700}.read_rule_txt14 p.shu{line-height:2em}.read_rule_txt15 .title-chapter{margin-top:0}.read_rule_txt16 .wkuang{width:3.5em;position:relative}.read_rule_txt17 .text-title-1{word-break:break-word}.read_rule_txt17 p.bodytext-kt-np1{padding-left:2em;text-indent:0}.read_rule_txt18 .text-title-11{margin-top:8px}.read_rule_txt18 div.width4{width:12em;height:16em;background-size:12em;overflow:hidden}.read_rule_txt18 table.zhangyue-tablebody2{margin-top:3em}.read_rule_txt19 .yanse{font-weight:700}.read_rule_txt20 .text-title-1{position:relative}.read_rule_txt21 .di{width:16em;padding-top:18px;background-size:15em}.read_rule_txt22 .jz table.zhangyue-tablebody{table-layout:fixed}.read_rule_txt22 .jz p{word-break:break-word}.read_rule_txt23 .width{width:auto;margin:28% 10% 0}.read_rule_txt24 .zhangyue-c0{width:6px}.read_rule_txt24 .beijingz{box-sizing:border-box}.read_rule_txt24 .h5_mainbody_bg{padding:1em}.read_rule_txt24 .beijingz .zhangyue-tablebodyb{margin-top:100px}.read_rule_txt25 .shuxian{height:120px;height:25vw;float:left}.read_rule_txt25 .zhangyue-m{height:auto;margin-left:-85px;position:absolute;bottom:10%;left:50%}.read_rule_txt26 .duan{word-break:break-word}.read_rule_txt26 .boxBlock-c-19{background-color:rgba(219,94,124,.2)}.read_rule_txt27 .margin{position:absolute;bottom:10%;left:5%;right:5%}.read_rule_txt27 h1.xy-h1-9a{line-height:63px}.read_rule_txt28 .zhangyue-ulist1 li{margin-left:2em}.read_rule_txt29 div.dise{background:rgba(154,127,139,.5);margin-top:340px;padding-left:8%}.read_rule_txt30 p.img-note1{margin:.5em 1em 15%!important}.read_rule_txt30 div.zhangyue-float-phone-r{margin-right:1em}.read_rule_txt30 p.bodytext-kt-np-no{padding:0 1em!important}.read_rule_txt30 .table.zhangyue-tablebody,.read_rule_txt30 table.zhangyue-tablebody1{margin:1.3rem!important}.read_rule_txt30 .table.zhangyue-tablebody h1.text-title-1-c{line-height:1}.read_rule_txt31 div.zhangyue-zs-r{padding-right:5%;-webkit-box-sizing:border-box;box-sizing:border-box}.read_rule_txt31 div.background-img-center>table{min-height:0!important;margin-left:21%}.read_rule_body1 .bb{padding-left:1em;padding-right:1em;background-color:rgba(241,140,56,.05)}.read_rule_body2 .h5_mainbody_bg{padding-left:1em;padding-right:1em}.read_rule_comp{padding:0}.read_rule_comp .copyright-basemap{height:500px;min-height:500px;margin-top:2em;margin-bottom:2em;padding:1em;overflow:auto;box-sizing:border-box}.read_e{font-size:16px}.read_e .read_tit{margin-bottom:1.5em;font-size:18px;font-weight:700;margin-top:20px!important}.read_c .zhangyue-footnote-s{padding:5px;vertical-align:middle}body{-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;user-select: none;}table.zhangyue-tablebody{ height:auto}</style>');
                        iframe.next().hide().end().css('height', iframe.contents().height());

                        iframe[0].contentWindow.document.oncontextmenu = function () { return false; }
                        iframe[0].contentWindow.document.onselectstart = function () { return false; }

                        // 禁止右键菜单
                        document.oncontextmenu = function () {
                            return false
                        }
                        // 禁止选择
                        document.onselectstart = function () {
                            return false
                        }
                        // 禁止拷贝 IE、Chrome
                        document.onbeforecopy = function () {
                            return false
                        }
                        // 禁止选择
                        document.onmouseup = function () {
                            return false
                        }
                        // 禁止拷贝
                        document.oncopy = function () {
                            return false
                        }
                        // 禁止选择
                        document.onselect = function () {
                            return false
                        }
                        //disabled_mouse_menu(iframe.contents().find('body'));
                    });

                })();
            </script>
        </div>
    </div>
    <!-- 文章 结束-->

    <!-- 页面中的固定位置 开始-->
    <div class="fixed">
        <!--文章头部  开始-->

        <!-- 文章头部 结束-->
        <!-- 左侧内容 开始-->
        <div class="listLeft">
            <s class="read_s"></s>
            <em>目录</em>
        </div>
        <div class="conList">
            <s class="read_s close01"></s>
            <ul>
                <li><a data-bid="11873464" data-cid="1" btn="chapter">版权信息</a></li>
                <li><a data-bid="11873464" data-cid="2" btn="chapter">本书的赞誉</a></li>
                <li><a data-bid="11873464" data-cid="3" btn="chapter">推荐序一 勇气的心理学</a></li>
                <li><a data-bid="11873464" data-cid="4" btn="chapter">推荐序二 自我的枷锁和解放</a></li>
                <li><a data-bid="11873464" data-cid="5" btn="chapter">推荐序三 人唯有在能够感觉自己有价值时，才有勇气</a></li>
                <li><a data-bid="11873464" data-cid="6" btn="chapter">译者序</a></li>
                <li><a data-bid="11873464" data-cid="7" btn="chapter">引言</a></li>
                <li><a data-bid="11873464" data-cid="8" btn="chapter">第一夜 我们的不幸是谁的错？</a></li>
                <li><a data-bid="11873464" data-cid="9" btn="chapter">不为人知的心理学“第三巨头”</a></li>
                <li><a data-bid="11873464" data-cid="10" btn="chapter">再怎么“找原因”，也没法改变一个人</a></li>
                <li><a data-bid="11873464" data-cid="11" btn="chapter">心理创伤并不存在</a></li>
                <li><a data-bid="11873464" data-cid="12" btn="chapter">愤怒都是捏造出来的</a></li>
                <li><a data-bid="11873464" data-cid="13" btn="chapter">弗洛伊德说错了</a></li>
                <li><a data-bid="11873464" data-cid="14" btn="chapter">苏格拉底和阿德勒</a></li>
                <li><a data-bid="11873464" data-cid="15" btn="chapter">你想“变成别人”吗？</a></li>
                <li><a data-bid="11873464" data-cid="16" btn="chapter">你的不幸，皆是自己“选择”的</a></li>
                <li><a data-bid="11873464" data-cid="17" btn="chapter">人们常常下定决心“不改变”</a></li>
                <li><a data-bid="11873464" data-cid="18" btn="chapter">你的人生取决于“当下”</a></li>
                <li><a data-bid="11873464" data-cid="19" btn="chapter">第二夜 一切烦恼都来自人际关系</a></li>
                <li><a data-bid="11873464" data-cid="20" btn="chapter">为什么讨厌自己？</a></li>
                <li><a data-bid="11873464" data-cid="21" btn="chapter">一切烦恼都是人际关系的烦恼</a></li>
                <li><a data-bid="11873464" data-cid="22" btn="chapter">自卑感来自主观的臆造</a></li>
                <li><a data-bid="11873464" data-cid="23" btn="chapter">自卑情结只是一种借口</a></li>
                <li><a data-bid="11873464" data-cid="24" btn="chapter">越自负的人越自卑</a></li>
                <li><a data-bid="11873464" data-cid="25" btn="chapter">人生不是与他人的比赛</a></li>
                <li><a data-bid="11873464" data-cid="26" btn="chapter">在意你长相的，只有你自己</a></li>
                <li><a data-bid="11873464" data-cid="27" btn="chapter">人际关系中的“权力斗争”与复仇</a></li>
                <li><a data-bid="11873464" data-cid="28" btn="chapter">承认错误，不代表你失败了</a></li>
                <li><a data-bid="11873464" data-cid="29" btn="chapter">人生的三大课题：交友课题、工作课题以及爱的课题</a></li>
                <li><a data-bid="11873464" data-cid="30" btn="chapter">浪漫的红线和坚固的锁链</a></li>
                <li><a data-bid="11873464" data-cid="31" btn="chapter">“人生谎言”教我们学会逃避</a></li>
                <li><a data-bid="11873464" data-cid="32" btn="chapter">阿德勒心理学是“勇气的心理学”</a></li>
                <li><a data-bid="11873464" data-cid="33" btn="chapter">第三夜 让干涉你生活的人见鬼去</a></li>
                <li><a data-bid="11873464" data-cid="34" btn="chapter">自由就是不再寻求认可？</a></li>
                <li><a data-bid="11873464" data-cid="35" btn="chapter">要不要活在别人的期待中？</a></li>
                <li><a data-bid="11873464" data-cid="36" btn="chapter">把自己和别人的“人生课题”分开来</a></li>
                <li><a data-bid="11873464" data-cid="37" btn="chapter">即使父母也得放下孩子的课题</a></li>
                <li><a data-bid="11873464" data-cid="38" btn="chapter">放下别人的课题，烦恼轻轻飞走</a></li>
                <li><a data-bid="11873464" data-cid="39" btn="chapter">砍断“格尔迪奥斯绳结”</a></li>
                <li><a data-bid="11873464" data-cid="40" btn="chapter">对认可的追求，扼杀了自由</a></li>
                <li><a data-bid="11873464" data-cid="41" btn="chapter">自由就是被别人讨厌</a></li>
                <li><a data-bid="11873464" data-cid="42" btn="chapter">人际关系“王牌”，握在你自己手里</a></li>
                <li><a data-bid="11873464" data-cid="43" btn="chapter">第四夜 要有被讨厌的勇气</a></li>
                <li><a data-bid="11873464" data-cid="44" btn="chapter">个体心理学和整体论</a></li>
                <li><a data-bid="11873464" data-cid="45" btn="chapter">人际关系的终极目标</a></li>
                <li><a data-bid="11873464" data-cid="46" btn="chapter">“拼命寻求认可”反而是以自我为中心？</a></li>
                <li><a data-bid="11873464" data-cid="47" btn="chapter">你不是世界的中心，只是世界地图的中心</a></li>
                <li><a data-bid="11873464" data-cid="48" btn="chapter">在更广阔的天地寻找自己的位置</a></li>
                <li><a data-bid="11873464" data-cid="49" btn="chapter">批评不好……表扬也不行？</a></li>
                <li><a data-bid="11873464" data-cid="50" btn="chapter">有鼓励才有勇气</a></li>
                <p><a id="load_more_chapter" pagesize="100" bid="11873464" style="text-align: center;"
                        data-text="加载更多章节" page="1">加载更多章节</a></p>
            </ul>
        </div>
        <!-- 左侧内容 结束-->

        <!-- 右侧内容 开始-->
        <!-- 二维码 -->
        <div class="conRightTop">
            <!--<img src="static/images/read/adv.gif" alt="下载" class="adv">-->
            <div class="text">
                <p class="big">阅读本书，两步就够了......</p>
                <p class="little"><span>第一步：</span>下载掌阅iReader客户端</p>
                <img src="/index.php?ca=Client.DownQr&amp;p2=" alt="扫一扫" class="readEwm" style="height: 100px"
                    noerror="1" data-extentions-extra-ocr-id="63dc0498a9162e4ab0fa126724bea6d0">
                <p class="little littlePaddingLeft"><span>第二步：</span>用掌阅客户端扫描二维码</p>
                <img src="/index.php?ca=bookdetail.AppOpenQr&amp;bid=11873464" alt="扫一扫" class="readEwm"
                    style="height: 100px" noerror="1" data-extentions-extra-ocr-id="4ee0ed81e2c0dc5cb005e4841bcab3d7">
                <p class="scan">
                    <a href="https://www.ireader.com.cn/index.php?ca=bookdetail.HelpScan&amp;pca=Chapter.Index"
                        target="_blank">不知道如何扫描？</a>
                </p>
            </div>
        </div>

        <!-- 换章按钮 开始-->
        <div class="chapter">
            <span title="上一章" btn="chapter" act="prev" data-bid="11873464" data-cid="1">
                <s class="read_s up"></s>
            </span>
            <span title="下一章" btn="chapter" act="next" data-bid="11873464" data-cid="2">
                <s class="read_s down"></s>
            </span>
            <span title="返回顶部" class="go_top" style="display: none; left: 1433px;" id="btn_back_top">
                <s class="read_s"></s>
            </span>
        </div>
        <!-- 换章按钮 结束-->
        <!-- 右侧内容 结束-->
    </div>

    <div class="iframe_mask"></div>
    <div class="iframe_c" data-js="iframe_c">
        <div class="iframe_head">
            <div class="icon_close" data-js="iframe_close">×</div>
            <h3 data-js="iframe_tit">正在处理。。。</h3>
        </div>
        <div class="iframe_scroll" data-js="iframe_scroll">
            <iframe class="iframe" src="" data-js="iframe"></iframe>
        </div>
    </div>

    <a style="display: none"
        href="https://www.ireader.com.cn/index.php?ca=Passport.Login&amp;pca=Chapter.Index&amp;goUrl=https%253A%252F%252Fwww.ireader.com.cn%252Findex.php%253Fca%253DChapter.Index%2526pca%253Dbookdetail.index%2526bid%253D11873464%2526cid%253D1"><span
            class="n1_login_beffor" id="unlogin_box" style="display: none;"></span></a>
    <script type="text/javascript" src="//pweb.d.ireader.com/static/js/layer/layer.js?20220317AA"></script>
    <script type="text/javascript" src="//pweb.d.ireader.com/static/js/widget/iframe/iframe.js?20220317AA"></script>
    <script type="text/javascript" src="//pweb.d.ireader.com/static/js/v2/book.js?20220317AA"></script>
    <!--购买弹窗  开始-->

    <!--购买弹窗  开始-->
    <div class="ButtonBuyTan" style="display: none;">
        <span class="book">
            <span class="book">《被讨厌的勇气：“自我启发之父”阿德勒的哲学课[精品]》<b>|</b> <s>1990阅饼</s>&nbsp;&nbsp;<em>免费</em></span>
        </span>
        <div class="buyStep">
            <p>请扫描下方二维码，进入掌阅客户端购买：</p>
            <div class="step">
                <div class="step01">
                    <span>第一步：</span>
                    <p>下载掌阅iReader客户端</p>
                    <img src="/index.php?ca=Client.DownQr&amp;p2=" alt="扫一扫" style="height: 100px" noerror="1"
                        data-extentions-extra-ocr-id="63dc0498a9162e4ab0fa126724bea6d0">
                </div>
                <div class="step02">
                    <span>第二步：</span>
                    <p>用掌阅客户端扫描二维码</p>
                    <img src="/index.php?ca=bookdetail.AppOpenQr&amp;bid=11873464" alt="扫一扫" style="height: 100px"
                        noerror="1" data-extentions-extra-ocr-id="4ee0ed81e2c0dc5cb005e4841bcab3d7">
                    <p class="scan">
                        <a href="https://www.ireader.com.cn/index.php?ca=bookdetail.HelpScan&amp;pca=Chapter.Index"
                            target="_blank">不知道如何扫描？</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!--购买弹窗  结束-->

    <script type="text/javascript">
        (function () {
            $('[btn="buy_book"]').bind('click', function () {
                var obj = $('<div></div>');
                obj.append($('.ButtonBuyTan').clone()).children().css('display', 'block');
                var layer_buy_book = layer.open({
                    type: 1, //shift: 5,
                    title: '购买本书',
                    area: [$('.ButtonBuyTan').width() + 100],
                    content: obj.html()
                });
            });
        })();
    </script> <!--购买弹窗  结束-->

    <script type="text/javascript">
        (function () {

            //键盘翻页
            $("body").keydown(function (event) {
                if (event.keyCode == 37) {
                    $('span[btn="chapter"][act="prev"]').click();
                } else if (event.keyCode == 39) {
                    $('span[btn="chapter"][act="next"]').click();
                }
            });

            function disabled_mouse_menu($obj) {
                $obj.bind('contextmenu', function (e) { return false; }).bind("selectstart", function () { return false; });
            }

            //返回顶部
            $('#btn_back_top').click(function () {
                $('body, html').animate({ scrollTop: 0 }, 200);
            });
            $(window).scroll(function () {
                if ($(window).scrollTop() > 0) {
                    $('#btn_back_top').show(300);
                } else {
                    $('#btn_back_top').hide(300);
                }
            }).scroll();

            //目录
            $('.listLeft, .conList s:eq(0)').bind('click', function () {
                $('.conList').toggle();
                $('.listLeft').toggleClass('conWhite');
            });

            disabled_mouse_menu($(document));

            //章节链接
            $('.conList, .chapter').on('click', '[btn="chapter"]', function () {
                var bid = $(this).data('bid');
                var cid = $(this).data('cid');
                window.location.href = 'https://www.ireader.com.cn/index.php?ca=Chapter.Index&pca=Chapter.Index&bid=' + bid + '&cid=' + cid;
            });

            //加载更多章节
            $('#load_more_chapter').bind('click', function () {
                var loading = '加载中..';
                var $this = $(this);
                if (loading == $this.html()) return;
                $this.html(loading);
                var bid = $this.attr('bid');
                var page = Number($this.attr('page')) || 0;
                var pageSize = $this.attr('pageSize') || 10
                page++;
                var url = 'index.php?ca=Chapter.List&ajax=1&bid=' + bid + '&page=' + page + '&pageSize=' + pageSize;
                //var layer_loading = layer.load(2);
                $.get(url, function (ret) {
                    //layer.close(layer_loading);
                    if (ret.code == 111999) {
                        location.href = ret.body.url
                        return;
                    }
                    if (!ret) $this.parent().hide();
                    var html = '';
                    $.each(ret.list, function (i, line) {
                        html += '<li><a data-bid="' + bid + '" data-cid="' + line.id + '" btn="chapter">' + line.chapterName + '</a></li>';
                    });
                    $(html).insertBefore($this.parent());
                    $this.html($this.data('text')).attr('page', page);
                    if (ret.page.totalPage <= page) {
                        $this.parent().hide();
                    }
                });
            }).click();

        })();


        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?2583df02aa8541db9378beae2ed00ba0";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);

            var bp = document.createElement('script');
            bp.src = '//push.zhanzhang.baidu.com/push.js';
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();

        var USER_IS_LOGIN = 1        //余额足够时购买完回调
        iframeUi.setCallback = function (param) {
            buyBook = $(".buyBook").length;
            if (param.action == 'closeOrder' && buyBook == 1) {
                alert("购买成功");
                iframeUi.setClose();
                location.href = $(".readNow").val();
            }
        }

        // 禁止右键菜单
        document.oncontextmenu = function () {
            return false
        }
        // 禁止选择
        document.onselectstart = function () {
            return false
        }
        // 禁止拷贝 IE、Chrome
        document.onbeforecopy = function () {
            return false
        }
        // 禁止选择
        document.onmouseup = function () {
            return false
        }
        // 禁止拷贝
        document.oncopy = function () {
            return false
        }
        // 禁止选择
        document.onselect = function () {
            return false
        }
    </script>



    <div data-v-5122f198="" class="wps_ai_link" style="display: none;"><svg data-v-5122f198="" width="16" height="16"
            viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path data-v-5122f198=""
                d="M0 2C0 0.895431 0.895431 0 2 0H14C15.1046 0 16 0.895431 16 2V14C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14V2Z"
                fill="#1D70F5"></path>
            <path data-v-5122f198="" d="M0 14H16C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14Z"
                fill="#0059E8"></path>
            <path data-v-5122f198="" d="M8 14H16C16 15.1046 15.1046 16 14 16H8V14Z" fill="#3C87FF"></path>
            <path data-v-5122f198=""
                d="M3.34164 3H4.87711L5.88781 7.62035L7.21221 3.5H8.7878L10.1122 7.62035L11.1229 3H12.6584L10.9084 11H9.62293L8 5.95091L6.37708 11H5.09164L3.34164 3Z"
                fill="white"></path>
        </svg><!----><!----><span data-v-5122f198="" class="wps_ai_link_title">在线打开</span></div><wps-ai-ocr
        id="wps-ai-ocr"
        style="position: absolute; left: 0px; top: 0px; z-index: 2147483647;"></wps-ai-ocr><kimi-web-extension
        data-wxt-shadow-root=""
        style="z-index: 2147483647; overflow: visible; position: relative; width: 0px; height: 0px; display: block;"></kimi-web-extension>
</body><chatgpt-sidebar data-gpts-theme="light"></chatgpt-sidebar>
<div style="top: 60px; left: 85%; display: none;" class="videoAiLogo">
    <div class="video-ai-circle">AI</div>
    <div class="video-ai-close">×</div>
</div><chatgpt-sidebar-popups data-gpts-theme="light"></chatgpt-sidebar-popups>
<div id="immersive-translate-popup" style="all: initial"></div>

</html>